Archived topic
Google Fonts not shown in all browsers - default font possible?
4 replies · Started by Markus Kitroschat-Vogt on September 26, 2022
Dear GP Team,
It's (again) about this site: https://www.radtouren-checker.de/radtouren-und-radwege/#top-40-radrouten-in-deutschland
In these grid blocks I use "architects daughter" as Google font. The problem now is that this font is not shown in all browsers and on all devices. Is there the possibility to define a default font which will be shown if "architects daughter" is not possible. I'd prefer a google font like open sans which is much more popular than architects daughter.
Do you have a solution for such a problem?
Kind Regards,
Markus
Hi Markus,
May we have an example of a specific browser it's not loading in?
We often recommend hosting the fonts locally so that the font comes directly from your site which should be better: https://docs.generatepress.com/article/adding-local-fonts/
To set the fallback font for a locally hosted font, in the Font family name you can write your font stack eg. font-name, fallback-font-name
To alter the System stack, which should be the default if a google font is not loaded, you may try this filter by Tom: https://generatepress.com/forums/topic/specifying-a-fallback-font-for-locally-added-fonts/#post-870701
Yes, my font must be locally hosted but with a plugin. Maybe I*ll try your method.
But if I change my html-code to
<p style="font-size:20px;text-align:center;font-name:architects daughter, fallback-font-name: open sans;color:#000000"><strong>Mainradweg</strong></p>
<br><br>then, there is only the fallback version is shown.
Browser, e.g. is Safari: At all Iphones, Ipads architects daughter is not shown.
Thank you!
Dear GP Team,
I tested a little bit due to your hints. Hosting fonts locally was the solution!
Now I've got it.
Furthermore, I think it is not that good to mark typography via html. So I'll use the h6 for the headlines in the grid boxes (so I automatically use css), could have also a positive SEO effect.
Thanks for your help.
KR
Markus
Glad the issue has been resolved! You're welcome Markus!
