Custom fonts not displaying correctly [v10.5.7]

[Jamenloh]

Hi Team,

I’m facing an issue with my copy’s custom fonts that its not displaying correctly on both cornerstone backend and frontend. I am trying to set up Gotham font for my site. Its displaying correctly in my Menu header though … its weird.

I have looked through the previous posts, have tried

1. Disabling the plugins individually to test
2. Turning Font manager on/off
3. Made sure the allocation of font on Palette is set.
4. Made sure the fonts are assigned to the text boxes.
5. Cleared Settings Cache

Its still not displaying correctly … can I get some help here?

Thank you so much…

[ruenel]

Hello @Jamenloh,

I have inspected your font issue and I got this CORS issue:
Mixed Content: The page at 'https://example.com/cornerstone/edit/13' was loaded over HTTPS, but requested an insecure font 'http://example.com/wp-content/uploads/2024/09/GothamBold.ttf'. This request has been blocked; the content must be served over HTTPS.

This means that you have uploaded the font with out HTTP and it is saved in you database as is even if you are already using HTTPS in your site. To correct this, please install Search and Replace plugin. You will need to search for http://example.com/wp-content/uploads/ and replace it with https://example.com/wp-content/uploads/.

Kindly let us know how it goes.

[Jamenloh]

Thank you soooo much Ruenel ,

I will try this out and let you know.

I guess many folks probably built the draft on Local host and imported the page to live? I’d try this out!

[ruenel]

Sure thing. Glad to help you out!