Custom Site fonts

[wbc]

Hi,

I’m trying to do some pretty basic stuff with fonts (like have custom Google fonts for H2, H3 headings or custom font types that I can apply to only certain sections).

I’m really struggling to understand how these are set up in X now. Font management seems to be in lots of different places and I’m not clear what aspects interact with each other. Ive looked through the help section but all there is nuts and bolts information about what to click https://theme.co/apex/forum/t/customizer-typography/134

What I’d like to understand is

• How is font management organised in X/Cornerstone now.
• Where do I go to edit the H2, H3 standard fonts
• Why/when/what circumstances would I switch off the font manager?
• What happens when you switch it off and how are users expected to operate?
• What relationship does TypeKit or PunchFonts have?

As a pretty infrequent user I find this apex site really hard to use the new complexity added to the product makes this really time consuming to work out the basics that should be easy.

Where do I go to find tutorials on how all of these parts fit together please?

Sorry to gripe but I’ve wasted two hours trying to work out something that’s simple.

Thanks,

[christopher]

Hi there,

Our main KB overview article is here:

Welcome to Themeco Docs

You can use that to search for different tutorials including the Forn Manager:

https://theme.co/apex/forum/t/features-font-manager/101

Think of the Font Manager as a placeholder. You add a unique name for your font. You go to X > Launch > Templates > Fonts and add a name with a font assigned to it. For example MyMainFont.

Now in the different parts of the website including the typography options in X > Launch > Options > Typography you have a choice to assign that name to the body or header section of the website. Body represents the normal text in content areas and Header represents the titles such as H1 H2, ,

The thing that Font Manager does is from now on you can use that in different elements too. For example, in the new Text Element inside the Cornerstone, you can use the same Font Manager name to add the font to the text. Now the cool part is that for some reason if you want to change the font of the website and the places that you used, you just need to go to the font manager and change the font assigned to the MuMainFont and the whole website will be changed and you do not need to go one by one to options, different element to change the font.

That is the whole goal of the Font Manager.

Now regarding the custom fonts. There are no options available in our theme for that and you need to add the font like any other website using the CSS and assign the font to different parts of the website using CSS code.

You can switch off the font manager and use the actual font name such as LATO in the options or different parts of the website, but if you want to change the whole font of the website at one point you will need to go one by one to all those elements and options to change it from LATO to Open Sans for example.

The Font Manager has a list of fonts which you can assign to the MyFontName which all are Google Fonts. If you want, you can assign a Typekit font to it too if you have the Typekit account. Kindly read the tutorial I have sent on how to setup the Typekit to be available in the list of the font manager to choose from.

Hope I could explain the relations correctly.

Thank you.

[Bugbee]

What about adding our own fonts into Font Manager? I’d like to upload my own font files that can be managed using the Font Manager so my fonts show up across Pro options.

[ruenel]

Hello There,

Regretfully uploading custom fonts through the Font manager is not yet available as of this moment. We’ve added this as a feature request so it can be taken into consideration for future development.

Thank you for your understanding.