Can I use the Fonts in Font Manager via CSS

[mikewolf1127]

I have 8 different fonts set up in Font Manager.

Are those 8 site fonts available via inline CSS to style text elements in my forms plugin?

[jade]

Hello Mike,

When you add fonts in the Font Manager, they will be made available to the Font Settings in the Theme Options and the v2 elements but it would generate a CSS block specific to those elements.

You can use the fonts that you have added to the Font Manager but you will have to write some custom CSS to target the form elements and to assign the font using the font-family property.

For example if you have selected the font Gills Sans in the Font Manager:

Then you can write a CSS like this:

form label {
        font-family: "Gill Sans";
}

Hope this helps.

[mikewolf1127]

To clarify, does the Font Manager create a CSS class for each font that can then be used elsewhere.

I was hoping, for example, that if I create a font in the Font Manager called ‘Sports Articles’, that there would be a corresponding CSS class created called ‘.sports-articles’ that I could use to style text in a Content Area element.

So then the fonts in the Content Area would behave the same way as fonts in Text Elements and Headline Elements.

So that if I then change the font ‘Sports Articles’ in the Font Manager to a different face, the font in the Content Area would change too.

[ruenel]

Hello @mikewolf1127,

By default, when enable the font manager and created several fonts, only the fonts assigned for the headings and for the body and content will be loaded. To access the other fonts you have created, you must use the font at least once or assigned it in an element so that it will be loaded in the page.

Regretfully it does not create any custom class that you can re use like what you have explained. It works differently. If you want something like that then you will have to do it with custom css and without the help of the font manager.

Hope this explains it briefly.

[mikewolf1127]

Got it. I’d like to add it as a feature request. Have each Font item in the Font Manager create an associated CSS class so that text can be styled in content areas and then be dynamic and match text styled in the builder elements, and have both of them change when the Font Manager item is changed. Thanks!

[rad]

Noted, thanks!