Issue: A Shopify Dawn theme user encountered fonts displaying correctly in the Customizer but not on the live website. This affected both a Shopify library font (Montserrat) and a custom font (Bimbo Trial) loaded via CSS.
Diagnosis: The problem stemmed from conflicting font-family declarations in the theme’s Custom CSS settings. Hidden CSS overrides were preventing the selected fonts from rendering on the storefront, despite appearing correctly in the preview environment.
Resolution: After granting collaborator access, the helper identified the issue in the base.css file. The custom font required proper @font-face definition with correct file paths to the .woff files.
Key Technical Detail: The fix involved properly defining the font-face declaration in base.css (screenshot provided showing the correct syntax).
Outcome: Both fonts now display correctly on the live site. The issue is resolved.
Dawn Theme 15.3
I’ve chosen a body text font from the Shopify custom library and used custom code for a different titles text font.
Both fonts are visible when I edit my theme in Customiser but aren’t showing on the preview/live website.
Shopify library font ‘A Monserrat’ working in Customiser:
Not working on live website:
Custom CSS and custom font loaded as assets:
Working in Customiser:
Not working on live site:
Hi @ateryruby
Are you sure you modify & edit code at the live theme? I see you’re updating the code of "Copy of Dawn" theme. Is that publish them?
Yep I’ve modified and edited code at the live theme which is called ‘Updated Copy of Dawn’
Can you share me your live theme to let me check on storefront?
Sure! www.achocolateco.com
I see, thank you! How do I remove that?
There is nothing written there in my custom css
I have custom CSS there for the font size but nothing else:
ul,
li {
font-size: 0px;
}
a {
font-size: 140%;
}
I’m really struggling to find this anywhere
Let add me as collaborator then i can support you find it. My email: huykon225@gmail.com
thank you so much. I’ve just emailed you with a Collaborator code. Is that all you need?
Yes that’s all. But I haven’t received your email invite yet
How do I send the email invite sorry? I’ve emailed a 5 digit collaborator code but I can’t add you as a user because my plan doesn’t allow for it
Hi did you receive the code yet?
I’ve just request access. Please check & confirm
