Fonts Not displaying properly

upinmcleod

Hi,

I've recently launched my site, www.weareb.co.uk and for some reason the body and headline fonts are no longer displaying unless the computer has the fonts saved locally.

I have tried deleting the fonts and formats and re uploading but this hasn't helped.

Any ideas welcome.

Thanks,

Kyle

mariusjopen

Hi @upinmcleod

yes. We know of that.

Have a look here:
http://laythemeforum.com:4567/topic/1598/embedding-font-does-not-work/3

Best :-)

Marius

upinmcleod

Hi @mariusjopen ,

Thanks for the help and for sending that link. I have tried those steps and I'm still having the same issue with the fonts not displaying as they should (fine on any computer with the fonts saved locally),

Here's the edit to the .htaccess file that was saved back to the site.

alt text

The problem occurred when I took the site live, switching from one url to the new one. The site looks pretty bad with the wrong styling so I'd really appreciate your quick help if you can.

Thanks Again,

Kyle

upinmcleod

I also deleted and re-uploaded the .woff files and tried a third new .woff file. all of which don't display correctly, but they do show as the correct font when inspected in the console.

arminunruh

Hey!

As it says in my console:

(index):1 Mixed Content: The page at 'https://www.weareb.co.uk/' was loaded over HTTPS, but requested an insecure font 'http://1pr12c1rpyze15f8us2uz5xn-wpengine.netdna-ssl.com/wp-content/uploads/2017/09/YoungSerif-Regular.woff'. This request has been blocked; the content must be served over HTTPS.

So the problem is your website is on https but it is trying to serve the font from "http://1pr12c1rpyze15f8us2uz5xn-wpengine.netdna-ssl.com/wp-content/uploads/2017/09/YoungSerif-Regular.woff"

which is not https.

I recommend you login to your wordpress admin panel from here: https://www.weareb.co.uk/wp-admin/

Make sure the url is in fact "https://www.weareb.co.uk/wp-admin/" with https while you are in your admin panel. Then delete the webfonts in lay options -> webfonts. Then reupload them. If it doesn't work then, you might still have to re-select the newly uploaded fonts for your textformats.