[Resolved] Google Fonts not shown in all browsers – default font possible?

[Markus]

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

[Fernando]

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

[Markus]

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!

[Markus]

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

[Fernando]

Glad the issue has been resolved! You’re welcome Markus!

[Author]

Posts