Custom fonts are present but not showing

[FoundationDesign]

Hi, I’m using Pro Theme, Font Manager and Custom Fonts. The .woff file are loaded and I can see them in the Media Library. I’ve cleared cache, restarted, turned off plugins… still not working.

Note: all the fonts were working on the staging site.

Any suggestions to how to solve this, please.

Home - Wellesley Studios

[marc_a]

Hi Paul,

Thanks for reaching out.

To better help you with your issue, we need to check your admin settings. In order to do that, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[FoundationDesign]

Hi @marc_a thanks for your reply. I’ll load access in a min. The issue is with https. When the site is at http://wellesleystudios.co.nz/ the fonts work, but at https://wellesleystudios.co.nz/ they don’t.

[FoundationDesign]

Hi @marc_a. A bit of research… it appears that the issue is caused by a HTTP / HTTPS mis-match

When I migrated from HTTP to HTTPS, my font files were not being served from HTTPS.
I’ve looked in the media library and can see that their URLs are all HTTP.

So, new question… 'How do I get the Pro Theme, Font Manager and Custom Fonts to see the .woff files with a HTTP URL, or how do I update the files to a HTTPS URL?

[nabeel]

Hey Paul,

I tried to login with the given credentials but the password for the given username is incorrect, please double check your credentials.

Yes you’re right this is indeed http/https mismatch. The troubleshooting steps for this case are as follows:

• Under Settings > General in your dashboard, make sure both the WordPress and Site URL share the same protocol.
• Consider forcing HTTPS everywhere. If you have the ability to run HTTPS, nowadays it’s just better to use it exclusively. Google claims this will even result in higher indexing.
• If you’re using any plugin, try deactivating any HTTPS related plugins you have installed
• Contact your hosting service provider and ask them for help regarding the case.

Let us know how this goes!

[FoundationDesign]

Hi @nabeel. Thanks for your reply. I’ve checked the credentials and they should be correct.

A bit of information from you please… the Pro theme is not finding the font when the WordPress Address (URL) and the Site Address (URL) is set at HTTPS, because the URL of the .woff file has http://wellesleystudios.co.nz/wp-content/uploads...etc as it’s URL.

But the Pro theme will find an image with a http://wellesleystudios…etc URL.

What’s the difference? Why is the font file so URL dependent, when an image file will work under either HTTP or HTTPS?

[nabeel]

Hey Paul,

You’re actually having the CORS issue, your fonts are being blocked because your site was loaded over HTTPS and your fonts are being served over HTTP (see screenshot)

So to fix this problem, you need to serve your fonts over HTTPS as well, here is a detailed guide that you can follow to fix the problem https://theme.co/docs/font-awesome-icon-issues#enabling-cors-on-apache

Currently HTTP version works because WordPress and Site URL share the HTTP protocol

Changing the protocol to HTTPS for both should resolve the issue, if not then please follow the guide provided above. Let us know how this goes!

[aispile]

I have the same issue. Custom fonts are not showing at all.

[marc_a]

Hi @aispile,

Thanks for reaching out.

I suggest that you will create a new ticket and do the following stuff, I recommend the following troubleshooting procedures before we investigate the settings.

1. TESTING FOR THEME RELATED ISSUE
2. TESTING FOR PLUGIN CONFLICT
3. THEME UPDATE
4. CHILD THEME
5. CSS/JS CUSTOMIZATION
6. VERSION COMPATIBILITY

Only if none of that helps, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.