Font Manager / Typography not working

[EricaC]

Hi - I know there are other posts in this forum on font manager/fonts, but they seem to be out of date / I didn’t find a fix.

My problem is that despite setting up everything in the Font Manager in accordance with the Knowledge Base (and setting everything to ‘Inherited’ in Theme Options wherever I can see that option), everything on my website (Site title, Menu, Headlines, Text) is just showing up as a generic serif font in the same (10-14pt) size. Nothing seems to be working - weight, heading vs body, etc.

I’m not using custom fonts, just Georgia and Cinzel Decorative. I’ll set up a secure note shortly with my admin + password so you can have a look.

[tristup]

Hi Erica,

Thanks for reaching out.
To use these fonts, you need to select the base font from the Theme Options. The selected font in Theme Options acts like the base font., which will be applicable to rest of the site if not overridden by individual element settings.

Hope it helps.
Thanks

[EricaC]

Hi @tristup, thanks for your response. I’m a little confused:

• in the Theme Options Typography section there is the ‘Body and Content’ and ‘Headings’ section that gives the options to select the Font Family. The options are ‘Inherit’, ‘Headings’, and ‘Body’.

• As mentioned in my first post, I have set the Headings and Body fonts in the Font Manager and then chosen the ‘Inherit’ option in the Theme Options, as my understanding was that would ‘inherit’ the choice in the Font Manager. This hasn’t worked.

• To double check, I also tried selecting ‘Headings’ for headings and ‘Body’ for Body and Content in the Theme Options and that also hasn’t worked.

My conclusion is that either the Font Manager or the Theme Options or something related isn’t working, because I have no individual element settings. Are you able to have a look at my website through the secure note to double-check?

[EricaC]

Hi @tristup,

As an update to my post above, I tried turning off the Font Manager and selecting the fonts directly in the Theme Options. That also hasn’t worked, so I think there’s something wrong with the typography in general and would appreciate someone having a look to see what’s wrong. Thanks.

[tristup]

Hi Erica,

The font mentioned Georgia and Cinzel Decorative are attached with the Body Copy and Headings. So if you select any one of the Body Copy and Headings it will implement the attached font with that.

Hope it helps.
Thanks

[EricaC]

Hi @tristup,

I’m afraid that doesn’t help. As I’ve said in my previous posts, I have tried:

• Setting the fonts (Georgia and Cinzel Decorative) up in the Font Manager in accordance with the Knowledge Base, then setting the fonts to ‘Inherit’ in the Theme Options.

• When the above didn’t work, manually selecting ‘Body’ and ‘Headings’ in the Theme Options.

• Turning off the Font Manage rand selecting Georgia and Cinzel Decorative directly through the Theme Options.

• EDIT: I’ve now also tried installing a demo theme to check if it really was a setting issue. Interestingly, the typography now seems to work on the demo theme pages (after a few hours). BUT the typography doesn’t work when I add a new element in the builder. I have no idea why not - I’ve tried flushing the cache and using different browsers. It’s bizarre.

Since none of the above have worked, I’d really appreciate someone taking a look at my website through the Secure Note in my initial post to figure out what’s wrong.

[ruenel]

Hello Erica,

• Setting the fonts (Georgia and Cinzel Decorative) up in the Font Manager in accordance with the Knowledge Base, then setting the fonts to ‘Inherit’ in the Theme Options.

In the Theme Options, you should select the “Body” and “Headings” especially if the Font Manager is enabled. When editing a page, select font as well especially for the headline element.

• Turning off the Font Manager and selecting Georgia and Cinzel Decorative directly through the Theme Options.

Yes, turning OFF the font manager should enable you to select the fonts (Georgia and Cinzel Decorative) in the Theme Options. When you are editing the page, you should always select the fonts for the headline element because “inherit” will just inherit the Body and Content Theme Options setting.

Hope this helps.

[EricaC]

I’m afraid none of the responses have helped. @ruenel, You’ve confirmed that what I’ve done should have worked. I’m posting here on the forums because these steps haven’t solved my problem: whenever I add a new element, either in the page builder or in the header or footer builders, the typography doesn’t work regardless of the settings in the Font Manager or Theme Options.

FOR FUTURE FORUM-GOERS LOOKING FOR A WORKAROUND: This isn’t ideal, but in the absence of a fix, here’s a workaround: install a demo theme through the Design Cloud. The elements within the demo theme will update to reflect the typography settings in the Theme Options. Elements from the builder still won’t work, so I can’t seem to build custom headers/footers from scratch. But you can duplicate elements from the demo theme and they will continue to work, so you can sort of ‘hack’ your way around it.

[ruenel]

Hello Erica,

Theme Options Settings:

Based on the screenshot above, the headings (h1, h2, h3,…h6) will be using Cinzel Decorative font while the rest of the body and content elements on the page will be using the Georgia font.

The Problem:

@EricaC

Whenever I add a new element, either in the page builder or in the header or footer builders, the typography doesn’t work regardless of the settings in the Font Manager or Theme Options.

Actually, it will work because whenever you add a new element (text or headline element), the element will inherit the font of the body and content which you have set in the Theme Options.

1.) It will not work ONLY IF you do not have Georgia font in your computer system.
2.) For the headline element, it will not work because inherit means that it will inherit the font of its parent element.

Now that the inherit will just set the font to whatever is the body and content font in the Theme Options settings, you will need to assign a font to your text or headline element. Simply click the element and find the Text tab.

If you don’t see some of style options, you need to turn on the Advanced Mode by going to the Settings > Preferences > Advanced Mode

[EricaC]

Hi @ruenel, thanks for having a look. Understand the above, but this doesn’t explain why this is happening on my Home Page.

[tristup]

Hi Erica,

It seems that you have set the Georgia as body font and Cinzel Decorative as heading font. On the home page, the specified section are set with the Heading and Inherit font option which is showing properly.

If you think that is not the case, and you are seeing a different font, please let us know to further investigate this.
Thanks

[EricaC]

Hi @tristup, thanks for taking a look.

You’re right that the ‘TEST: THIS HEADLINE TYPOGRAPHY NOT WORKING’ element looks like Georgia: as I’ve said before, this means the font manager/typography options seems to be broken for my site. Because that element is a Headline element and should NOT be pointing to Georgia. And the element below that, ‘Erica Chan Writes’, which is also in Georgia, is a Site Title element that should ALSO not be pointing to Georgia. Both of these I added from the builder and should be using the Heading font, not the body font (i.e. Cinzel Decorative and not Georgia).

The top element which is showing properly is an element that comes from importing a Demo Theme, all of which seem to be working properly. But the elements I add in myself from the page, header and footer builders are only pointing to the Body font when some of them should be pointing to the Heading font. This means I can’t use the header and footer builders properly and building pages is quite painful, as I can only use elements I’ve imported or duplicated from the Demo Theme to get the right typography.

[christian]

Hey Erica,

We’re sorry for all the confusion. This is not a bug but we understand that the setup is not ideal either. Your case is the same as the user in this thread Font Manager - Inherit.

For now, please use the Template Manager to save an Element Preset or Default so you don’t have to set the Headline element manually each time.

This use case is now known by our development team and they will see if this will be addressed in the Theme Options improvement plan.

Thank you for understanding.

[EricaC]

Hi @Christian, thanks for the response - I’m not sure if it’s the same issue since I have since stopped setting the Headings and Body in the Font Manager to ‘Inherit’ and just have it set to Headings --> Headings and Body --> Body.

However, the Element Preset/Default fix does work in some instances: I can use it now for accurate heading elements based off the Demo Theme, for example. Unfortunately I’m struggling to do the same for elements like Navigation: Inline.

[tristup]

Hi Erica,

Glad to know that it resolved your issue for some instances. Can you please let us know what exact problem you are having with Navigation Inline element while you are following the same steps.

Thanks

[EricaC]

Hi @tristup, thanks. The issue is in trying to save a Navigation Inline Element Preset/Default with the correct typography. Right now if I build the Navigation Inline Element from the builder, I get the incorrect typography and I can’t change that, so I can’t use that as the base for the preset. But I also can’t select the ‘correct’ Navigation Inline block from my existing header to use as a Preset/Default because it’s not selectable.

[ruenel]

Hello Erica,

The preset can be saved and applied to the same element. If you have saved a headline preset, it cannot be applied to a navigation inline element. You need to set up navigation inline element settings first and then save it as a preset.

Insert the navigation inline into your builder. Find the “Top Links > Text” tab.

And then assigned the “Headings” font if you want your menu items to use the “Cinzel Decorative” or leave it to use “Inherit” if you just want to use “Georgia” font.

Best Regards.

[EricaC]

Thanks for the guidance @ruenel!

[marc_a]

Hi Erica,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.