How to use Font Manager Fonts in Page

Support
#1

Hi,

It’s awesome that you guys have added the Font Manager, but how do I change any of the fonts on my website to a new font I add? If I want to have blockquote authors in a handwriting font (for example), I add a font in your Font Manager called Signature, but now how do I make the blockquote author (class .x-cite) use that font?

Any help would be appreciated!

Thanks :smile:

#2

Hi There,

Thank you for writing in, currently the Font Manager is for Theme Options, Header and Footer builder elements only. The good news is the up coming V2 elements for content builder can use the Font Manager.

For now you can apply a custom font to your element via custom CSS, or via the inline-style field of the element.

Cheers!

#3

Thanks very much for getting back to me!

I have tried to add the “signature” font with CSS but with no luck. I’m currently using the following CSS:

.x-text.signature-font p {
    font-family: "Homemade Apple",handwriting;
}

Could you please take a look and let me know what I’m missing?

#4

Hi There,

Please provide your URL and point the specific place where you have applied the class signature-font

Thank you

#5

Hi there,

The link is https://fastwaymain.wpengine.com/. The class is added to the text that says “My Signature” in the Spotlight Experts section.

Thanks again.

#6

Hi There,

Please update your CSS code to this:

.signature-font p {
	font-family: 'Homemade Apple', handwriting;
}

Though that’s not going to work still because your site is not requesting the Homemade Apple font in the first place. How did you install that font? If you have not yet, please add this on top of your child theme’s style.css file

@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');

Hope it helps,
Cheers!

#7

Thank you for your help! I had assumed that because the Google Fonts were available in the Typography settings that the font would automatically be available. I have added the above snippet into the Child Theme’s style.css but still not having any luck getting the font to display. Sorry for the continued requests, just need to figure this out.

#8

Hi There,

The site is loading the Homemade Apple font now.

Please clear your browser’s cache.

Thanks,