[Resolved] Google Font Body not loading properly

[John]

Hi there,

I am using a Google Font: M PLUS 1p as the base/body text on this site:
https://staging.fusionofbeauty.com/facials-tarzana-anti-aging-skin-tightening-facial-spa-treatments/

It seems to load on some pages/places, but not others.
Can you help me understand why?

It reverts back to the system fonts in certain places – like in the image attached – the text gets defaulted to system font.
I thought the new typography system meant that the Font gets loaded site wide.

Can you help me understand what I am doing wrong please?

[David]

Hi there,

theres a bug in the system – that affects fonts that have a numerical value in their naming eg. 1
The CSS that gets output requires the font name to wrapped in quotes "" which is not the case currently – but we’re working on that.

If you go to Customizer > Typography, in the Font Manager, KEEP your existing M PLUS 1p font. This will be used to make the font request.

Then add a new Font in the manger and add:

"M PLUS 1p", sans-serif

Now when you come to set the Typography use the "M PLUS 1p", sans-serif in your font-family.

[John]

Thank you David – that did work.
Now the site looks really off with the correct font loading!
(but that is a different issue!!!)

[David]

Glad to hear that! ( the font is loading 🙂 )

[Author]

Posts