SOLVED: How to use "M PLUS Rounded 1c" font for H1 and H2

Hello,

I’ve been trying to use one of the fonts available in the “Theme styles” → Typography → Heading H1 → Font Family: M PLUS Rounded 1c.

However, when inspecting styles I get the “invalid property value” error
image.

When using other fonts, I don’t have the same issue. I tried embedding Adobe Fonts script and ad custom global CSS to use it, but I’m unsuccessful.

Can anyone help me with Custom CSS or some detailed steps on how to use this font for Header H1 and Header H2 globally?

Thanks for any information,

Hi Darius,
good catch!

The invalid property occurs due to the digit in the font-family name.

I’ve added this to our to-do list and changed the category to “Bugs”.

Best regards,
timmse

Thanks for getting back to me,

In this case, can I go around the problem by:?

1)downloading the google font - google webfonts helper
2) add it as a custom font with a changed name “mplusrounded” (so it doesn’t have numbers)
3) use it as I would any other font for the font selector?

EDIT: I tried doing this and it worked.

2 Likes