Font weight issues in Header (possibly footer)

Support
#1

Hi Support- (Create a new topic as per @Joao 's request)

We had an issue before where different font weights selected via the styles field in the content builder wouldn’t work as the fonts wont load.

Now I am having issues with fonts selected in Headers not loading. It loads perfectly fine in the header preview but not when viewing the site live.

Please see my example here: http://methcleaners.co.nz/ (under construction pass is mc123)

Note that the text: “The Specialist Meth Cleanup Contractors” is meant to have a font weight of 700 (this can be seen in the CSS as well). However, when you look at the sources loaded it only loads the font weights used in theme options and not in both theme options and header/footer.

Also, I found it weird that the Lato font is also loaded? Why is that?

#2

Hi there,

Thanks for writing in.

Lato font is the default one, it’s like a fallback font for the element that doesn’t have font assigned. Remember, the default font is different from each browser, https://www.granneman.com/webdev/coding/css/fonts-and-formatting/web-browser-font-defaults/. It would be more troublesome if your text looks different on each browser due to default system’s fonts.

Should it be Roboto font? And yes, I can confirm that font weight isn’t included/loaded. Would you mind providing your admin login credentials in a secure note? I’ll check that area :slight_smile:

Thanks!

#3

Hi @iam,

Sure please see the secure note attached.

Yes Roboto fon’t should be the only font if possible.

#4

Hi,

Thank you for providing your login credentials.

I can confirm that the font weight was not loaded, as a temporary fix, I added the code below in Appearance > Customize > Additional CSS

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

I will forward this to our web development team for review.

Thanks

1 Like
#5

Thank you Paul,

It will be great, as many of my sites use this kind of setup.

Looking forward to having this fix in an upcoming release.

#6

You’re welcome! :slight_smile:

#7

Hey We are having the same issue. loudounbrewing.armorlight.biz The font "oswald’ isnt showing up for my coworkers. it shows on mine, but not theirs except when they’re in the header builder.

#8

Hi @suzannereid,

Thanks for writing around! It looks like a cache issue, I checked your site and I could see the “Oswald” font being used in your Header (see screenshot)

Ask your coworkers to clear the browser’s cache and then check the site.

Let us know how this goes!