X theme footer font bold

[zenzino]

I have a footer in this X theme site: http://sunstate-test.flywheelsites.com

I set the font as Raleway ranging from 400 to 600 font-weight.

However, it is displaying all the Raleway fonts (top and bottom) as 900 weight.

When inspecting with dev tools, the style shows 400 or 600 and not 900.

Any help to figure out what I am missing would be greatly appreciated.

[friech]

Hi @zenzino,

Thank you for writing in, It looks like the site is only loading one variant of Raleway (the 900). Please navigate to Font Manager and make sure all the font-weight you need is check.

Hope it helps,
Cheers!

[zenzino]

Thanks for the response.

The variants I need are all selected in the font manager.

They are in use on this page: http://sunstate-test.flywheelsites.com/sunstate-solar/

The footer fonts are correct on this page but 900 weight on the rest of the site. Is there a reason it would only load the 900 variant on every page except that one?

[friech]

Hi @zenzino,

Yes, that is because on this http://sunstate-test.flywheelsites.com/sunstate-solar/ you actually use the font-weight 600 on one of your elements.

What I mean by use, is actually select the Raleway and 600 on the element’s text formatting configuration.

The page won’t load the font-family and font-weight right away unless you used it on one of your elements.

Here’s a workaround, add this on your child theme’s style.css file, this will make sure the font Raleway 600 will be loaded on your page, regardless if you use it on your element or not

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');

Thanks,

[zenzino]

Hi @friech,

I added the @import to the child theme style.css and I’m still getting the same results.

It looks great on the homepage but 900 weight on all the other pages.

Any other ideas?

Thanks

[marc_a]

Hi Zenzino,

I check your child theme style.css but I don’t see the @import code in your file. Please add it so that the font-weight you define will be working and if you have some caching plugin please clear the cache.

Only if none of those help, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[zenzino]

The code is in there when I look in the Theme Editor.

Here’s my login.

[marc_a]

Hi Zenzino,

I went ahead and check your child theme style.css files and Yes, you are right the @import css code from Google Fonts is in the file but I guess there’s something wrong with the @import link so I change it with the right @import file from Google Fonts and your footer fonts are now working fine.

Hope that helps.

Thank you.

[zenzino]

Hey @cramaton,

That’s interesting because I got the link directly from Google fonts.

Thank you so much for your help. As always, you guys are the best!

Cheers!

[marc_a]

Hi @zenzino.

It’s our pleasure to help you.

Thank you.