Custom Font Problem on Multi-site Subsite

Support
#1

I’m working in a Multisite environment for the first time and am trying to recreate a site that’s been a standalone site for ages. I’ve uploaded a custom font, but it’s not showing on the front end, nor is it showing in Pro. When I inspect the element, there’s a message in Firefox that says:

“downloadable font: failed to start download (font-family: “futura-pt” style:normal weight:400 stretch:100 src index:0): content blocked source: http://gavinf4.sg-host.com/gavinfishcom/wp-content/uploads/sites/2/2021/06/FuturaPT-Book.woff”

I checked the forum and it looks like others who had this problem had it because of an SSL issue. I’ve set up an SSL certificate and am enforcing HTTPS.

This is a temporary domain during development. My host is SiteGround. The version of Pro I’m running is 4.3.3. WordPress version is 5.7.2.

Thanks for any help you can give me!

#2

Hello @gavn8r,

Thanks for writing in! You are having this issue because you are experiencing mixed content or CORS (Cross-Origin Resource Sharing) issues. It means that the fonts were uploaded using the http and it is saved in the database. Meanwhile, the font files were loaded on your site using https. To get this resolve, please install “Better Search and Replace” plugin. You will need to search for the uploaded path and replace it with the https version of it.

See the secure note.

Kindly let us know how it goes.

#3

Thank you so much! It worked perfectly.

#4

Hi @gavn8r,

Glad that we are able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.