Custom Font Not Working on Collections Page/Product Pages

Hello!

I’m using the theme Dawn 5.0.0 and am having some trouble with custom fonts on mobile for the main collections page and product pages - I’ve managed to get the font to work everywhere else which is why I’m a bit stuck.

Shop URL: https://kindredcultures.myshopify.com/

This is what I would like the pages to look like on mobile (same as desktop):

However currently only the stock fonts are loading:

Any insight as to why this may be or help fixing it would be greatly appreciated! I’ve loaded everything through the base.css, so maybe I need to add code elsewhere?

Thank you in advance!

Krystal

This is the font right Glamour Absolute ?

Yes it is!

I can see that you put it here in a media query that will only work for desktop screens

add it also outside the media query like this then it will work

1 Like

or you can override it using this

h1, .h1 {
    font-family: 'Glamour Absolute' !important;
}
1 Like

If this is helpful don’t forget the like and accept the solution thanks

Getting rid of the query worked, thank you so much!

Is there any way to fix the font on the main collections page so that the font for ‘Products’ is also converted to Glamour Absolute?

Thank you for your help!!

let me check that also and please accept the previous answer as accepted solution.

Actually it’s okay! The override worked for that as well - Thank you so much for your help!!

Here it is

.full-unstyled-link {
    font-family: 'Glamour Absolute' !important;
}