Google font missing from Font Manager

[scotbaston]

Hi,

I am trying to use the Spectral SC Google font in the Pro Font Manager, the font doesn’t appear in the list

I thought all google fonts were included? is there something I (or you can do to fix this?)

Thank you

Scot

[paul.r]

Hi Scot,

Yes, it’s not on the list yet.

I will forward this to our web development team for review.

For the mean time you can manually add that font by adding the code belkow in Appearance > Customize > Additional CSS

@import url('https://fonts.googleapis.com/css?family=Spectral+SC:300,400,700');

You can then add the code below in the style field or inline css field to use the font for your element,

font-family: 'Spectral SC', serif;

<p style="font-family: 'Spectral SC', serif;">Input your text here! The text element is intended for longform copy that could potentially include multiple paragraphs.</p>

<span style="font-family: 'Spectral SC', serif;">Lorem Ipsum</span>

Hope that helps.

[scotbaston]

Thank you…

Can you help with the CSS needed to apply the font to a header navigation text?

[christian]

Hey Scot,

Try adding this in your Global CSS.

.x-navbar .desktop .x-nav > li {
font-family: 'Spectral SC', serif;
}

[scotbaston]

Thanks Christian,

That didn’t work (I’m using Pro header builder) but it did point the way and I’ve got it working now

[christian]

You’re welcome. Glad we could help.