Site logo

Archived topic

Top Bar font weight different for certain pages

5 replies · Started by Tim on October 13, 2021

Viewing posts 1–6 of 6

Hi,

I want the font-weight to be 400 on all pages for the top bar.

But on some pages, like single product pages, it's bolder.

See attached links.

Hi Leo, no I haven't.

These are screenshots from my computer, it looks like this using both Chrome and Edge (taken using dev tools mobile emulator, but looks the same in desktop view too):
Front page - properly displayed
Product page - bolder font

And on my phone, looks the same in both Chrome and Safari. However, on my phone the issue isn't bolder text, but looks like another font altogether...
Front page - properly displayed
Product page - wrong font

This is the code for the top bar widget:

<div style="text-align: center">
<span class="toppbanner">
<a href="/gratis-gave">
Handle for 1000,- eller mer og få en gratis gave! <span style="text-decoration:underline;text-underline-offset:1px;">Les mer</span>
</a>
</span>
</div>

And this is the CSS for the class:

@media (max-width: 350px) {
	.toppbanner {font-size: 9px !important;	
}
}

.toppbanner {
	font-size: 12px;
	color: #fff;
	font-family: "Montserrat", sans-serif;
}

.toppbanner > a {
	color: #fff;
}

.toppbanner > a:hover {
	color: #fff;
}

Hi there,

there is an issue with font loading.
On your home page the Montserrat font is being loaded, but it is not being loaded on your other page so it defaults to the WorkSans font.

How is the Montserrat font being loaded ? GP will only make the font requests if that font is used in one of the Customizer > Typography settings. If thats not the case then i assume Elementor is making the font requests.

I see. I selected Montserrat for H6 in the customizer (pretty sure I'm not using H6 tags anywhere anyways so it won't mess anything up) and now it loads perfectly on the product pages as well.

Thanks David!

Glad to hear that!

This archived topic is closed to new replies.