Help with Font Loading Issue on My WordPress Site

[jamesalery1]

Hey everyone,

I’m facing an issue with my WordPress site where the custom font (Poppins) is not loading properly. Instead, it’s defaulting to another font on all pages. I’ve already included the Poppins font in my site’s code, but it’s still not appearing as expected.

Here’s what I’ve tried so far:

• I’ve made sure the Poppins font is properly included in my site’s CSS and HTML.
• I’m using Litespeed Hosting and have the Litespeed Cache plugin installed.
• I’ve cleared the cache multiple times, both in the plugin and on my browser.
• I even checked the site in Incognito Mode, but the issue persists.
  site url is : https://birthdaygenerator.org/
  Does anyone know why this could be happening? Could it be an issue with the Litespeed Cache or a setting that I’m missing? Any insights or advice would be greatly appreciated!

Thanks in advance!

[James_Hibbard]

Hi,

It works for me:

How can you tell that it isn’t working on your end?

[jamesalery1]

Hey thanks for answer, I cleared cache from Cloudflare, and now it’s fixed.

[nicholaswinston]

If you’re facing a font loading issue on your WordPress site, here are some common causes and solutions to fix it:

1. Check Font URLs

Ensure that your fonts are correctly linked in your CSS or theme settings. If using Google Fonts, verify the link in your theme’s header.php or CSS file:

@import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap’);

• If using a self-hosted font, check that the font files (.woff, .woff2, etc.) are correctly uploaded to your server and referenced properly.

2. Verify Font Files in Theme or Plugin

If you’re using custom fonts, make sure your theme or plugins are not blocking or misconfiguring font loading.

3. Fix Mixed Content Issues (HTTPS Problem)

If your site uses HTTPS, but fonts are being loaded over HTTP, browsers might block them. Update your URLs to use HTTPS in your WordPress settings and CSS files.

4. Enable CORS for External Fonts

If you’re loading fonts from an external source, but they are not appearing, you may need to allow Cross-Origin Resource Sharing (CORS). Add this to your .htaccess file:

<FilesMatch “.(ttf|otf|eot|woff|woff2|svg)$”>

Header set Access-Control-Allow-Origin “*”

5. Optimize Font Loading with Preload

For faster loading, preload fonts by adding this to your in header.php:

6. Disable Conflicting Plugins

Some plugins might interfere with font loading. Temporarily disable all plugins, then enable them one by one to identify the issue.

7. Clear Cache

If you’ve fixed the issue but fonts still don’t load, clear your WordPress cache using a caching plugin like WP Rocket, W3 Total Cache, or WP Super Cache.

Let me know if you need any further assistance with font loading issues. You may also find helpful insights in this blog: Website Speed Optimization – Tips for Front-End Developers

[kimex51961]

Make sure to select your desired font in theme customization and then clear cache after saving the chnages