Header (h3) Font Loading Problem

Hi there,
This is a question regarding the installation of custom fonts over the X theme. Right now i’m using the default font settings to deploy fonts to my website. However this is causing them to appear missing in other browsers so i’m trying to rectify that.

I’d like to edit the css so it reads these scripts properly. Can someone help with details regarding where to place this code within the front-end inspector?

Here’s the website.

http://reeforum.org/

Here’s the google font scripts;

link href=“https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700” rel=“stylesheet”
font-family: ‘Roboto Slab’, serif;

I understand the principles of where these should belong, within the header. My understanding is that the equivalent of that is to put it into the “Content CSS” flyout somewhere. After some trial and error i’m more lost than I was when I began. I figured someone else might know what the most effective way to handle google fonts is so that it loads appropriately across all major browsers.

I know it belongs in the header but i’m unsure how to specify that from the Inspector tool. Do I need to specify in one of the “Customize” boxes? ID? Class? Element CSS? None seem to work.

Any help would be appreciated,
thank you for your time

Hi Kevin,

You can try adding this in Appearance > Customize > Additional CSS

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

Hope that helps

Paul,
That was magical, thank you.
Will this work for other fonts that are installed within Theme X already or…?
Just sorta wondering if it’s working as a result of the theme or stuff i’ve entered already.

Thank you so much!

Hi Kevin,

Yes, it will also work for other fonts.

But the font manager should work as it should without adding any of this.

Can you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Also, please try to review the link below and make sure you have set-up your font correctly.

Thanks

Hey Paul,
Thanks for the recommendation.I can do that for you, running into a little trouble, maybe you can clarify so I can help.

This is a fresh install. I believe all of these plugins came with theme X, I could be wrong though

Maybe you can verify theme x these came with these addons, if not ill test it out.
or maybe it was the cloning of the site that caused it?

Hi @K7S,

You can find all the plugins come with X theme on this page, under Bundled Third Party Plugins:

Hope it helps :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.