Google Fonts hosted locally – not working

[AnneBremer]

My customer only wants Google fonts hosted locally for this site (still under development).

I use Lifestyle Pro. For WordPress I have disabled the Google Fonts with the Plugin Disable Google Fonts (https://de.wordpress.org/plugins/disable-google-fonts/).

For installing the Google Fonts locally I have followed the instructions given in this post by Victor Font: https://victorfont.com/use-google-fonts-locally/.

Also, I have included preloading for the fonts in the header section of the theme.

Unfortunately, it takes an awfully long time for the font to load, even if I use caching. The only browser which is working fine is Microsoft Edge.

It did not help to disable the "Disable Google Fonts" plugin.

Any ideas what I am doing wrong/missing here?

Thanks in advance for your help.

http://dev.markus-holtermann.de/

[Victor Font]

You are preloading the fonts with the https protocol on a site that does not have https enabled. This will cause a loading problem.

You are preloading the fonts from a directory called WordPress

You are not loading the fonts from the child theme directory in your style sheet.

Basically, the paths in the preload and style sheet don't match and you are using the wrong protocol.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Victor Font]

As an FYI, the directory from which you are trying to load the fonts in style.css is /wp-content/themes/fonts/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[AnneBremer]

Thanks a lot Victor, that did it! I really appreciate your help!

So just to sum it up, my mistake was that I did not put the fonts in the directory /wp-content/themes/fonts/ and did not use correct links for preloading.

In Germany we say sometimes you don't see the wood for the trees ...

[Author]

Posts