Shopify themes, liquid, logos, and UX
I'm using the Dawn theme. I have 2 custom fonts – one for body and the other one for headings.
The headings font won't change to Nephilm – custom font.
How can I resolve this? Please see my code attached.
/* Nephilm Regular */
@font-face {
font-family: 'Nephilm';
src: url("https://cdn.shopify.com/s/files/1/0846/8545/5693/files/Nephilm.otf?v=1729712620") format("otf"),
url("https://cdn.shopify.com/s/files/1/0846/8545/5693/files/Nephilm.otf?v=1729712620") format("otf");
}
h1, h2, h3, h4, h5, h6 {
font-family: "Nephilm", serif;
}
Hey @alicechachka
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Couple of reasons:
You options for 2) are:
Make your rule higher priority, for example by using !important (not recommended):
h1, h2, h3, h4, h5, h6 {
font-family: "Nephilm", serif !important;
}
Or, override the variable theme uses for its own CSS rules for headings font (better):
body {
--font-heading-family: "Nephilm", serif;
}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024