Custom font being overruled by Shopify's font - Taste theme

[rafatec]

Hi there,

I’m trying to add my own font to my store, doing the following:

Adding to theme.liquid

@font-face {
font-family: ‘GlamourAbsoluteCondensed’;
src: url(“‘GlamourAbsolute_Condensed’ | https://cdn.shopify.com/s/files/1/0780/0737/0041/files/GlamourAbsolute_Condensed.woff2?v=1688362838”) format(‘woff2’),
/url(https://cdn.shopify.com/s/files/1/0780/0737/0041/files/GlamourAbsolute_Condensed.woff?v=1688366501) format(‘woff’);/
}

(I’ve changed this a few times already, thinking the issue could be it), and to base.css the following:

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-family: ‘GlamourAbsoluteCondensed’!important;
font-style: var(–font-heading-style);
font-weight: var(–font-heading-weight);
letter-spacing: calc(var(–font-heading-scale) * 0.06rem);
color: rgb(var(–color-foreground));
line-height: calc(1 + 0.3 / max(1, var(–font-heading-scale)));
word-break: break-word;
}

But this is not changing the site fonts; When I inspect the site I still see Shopify’s “Anonymous Pro” font overruling my new font… Any idea on how to change the fonts?

Thank you!!

[dmwwebartisan]

@rafatec

Please check the following link for help!

https://community.shopify.com/topic/1703100

Thanks!

[rafatec]

Thank you; I’ve followed the steps (quite a few times) and it’s still not working. Well, actually, it ended up working for one font but the body text isn’t changing, no matter what I do. Any clues why it won’t change?
For .text-body I’m trying to add Gelica light as the font, not sure if I can’t for any reason?!

Thank you