Heading Font won't change

Hi, I am trying to Customize>Font>Heading Font to Lobster, but it won’t publish to the site with the change. I can change the body font, but not the heading font.
The site is http://ffbiokinetics.co.za
Thanks

Hello,

You can try to deactivate all your plugins except Sydney Toolbox and Page Builder by SiteOrigin, and see if it helps.

Kind Regards, Roman.
aThemes Support

Thanks, I tried that before posting about the problem. I switched of each plugin but had no luck updating the font.
Please advise further.

Hello,

You can try to add this CSS code at the very top of Customize → Additional CSS section as a workaround in order to manually add that font:

@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks, I just tried the above, but it gave me this error message in the Additional CSS:
Unable to save due to 1 invalid setting.
I continued to apply it against the warning that it might break my site, cleared the cache on the browser history and tried the font again, but it still won’t change.
I have reverted back.
Any other suggestions?
Thanks

@fieldphotography Hi, when you change your font there’s a mention there that you have to check that the font weight you’re trying to load is actually available for the font you want. In your case, you’re trying to load 600 for Lobster and that doesn’t exist so you need to simply add 400 there.

1 Like

Thanks @vlad, I tried changing it to 300 before and it didn’t work, but somehow the suggestion of 400 does :slight_smile: I have been trying for days to solve this! You are awesome! Thanks so much for helping!

1 Like

Happy to help. For future changes please check available font weights here on the Google Fonts website, here’s Roboto for example: https://fonts.google.com/specimen/Roboto
Lobster’s only variant is 400, that’s why it works.

1 Like

Hi again, I’m back with the same problem. With the Sydney Header Update my Menu Font, Lobster, now won’t display again, even though it is still set to 400 weight. Any suggestions on how this can be fixed please?

Hi @fieldphotography,

Perhapt it was related to a cache issue on your end. Please try flushing it and reload your page. Also, try flushing your web browser’s history/cache and restarting it.

Adding, I can confirm that I can’t replicate the issue with this setting. The site looks like this.

Regards,
Kharis
aThemes Support