Missing Google Font in Customizer

Support
#1

There’s a google font I want to use on a site I’m designing. It’s called Bellefair, and I can’t find it in the customizer. Is there a way to add it to the customizer?

#2

Hi There,

Thank you for writing in, please follow this post on how you can add a custom Google font to your site.

Hope it helps,
Cheers!

#3

Hey @friech,

I have a similar problem to the original poster. Is there any reason I can’t just use the global CSS page to use the custom font I need? I’d just rather not go to the effort of making a child theme for such a small change.

For example:
body {
font-family: “aktiv-grotesk”, sans-serif;
}

#4

Hi There,

The @import statement that you copied from https://fonts.google.com needs to be at the top, and that would not be the case if you add it on the Global CSS. You can add it on the Additional CSS, or on the page Custom CSS level though.

However, having a child theme now might save you time in the future.

Your code given above can be place on Global CSS, if it does not work please update that to this:

body {
font-family: "aktiv-grotesk", sans-serif !important;
}

Hope it helps,
Cheers!

1 Like