Shopify themes, liquid, logos, and UX
Hi everyone!
I'm trying to implement League Spartan as my heading font in the Nimbus theme but running into issues despite following standard procedures.
Hoping someone with Nimbus experience can help!
What I've tried:
Added Google Fonts link to theme.liquid (before 😞 Added CSS to Theme Settings > Custom CSS: h1, h2, h3, h4, h5, h6 { font-family: 'League Spartan', Arial, sans-serif !important; }
Tried more specific selectors targeting various classes Removed conflicting Proxima Nova font references that were causing 404 errors
Verified Google Fonts is loading in Network tab Confirmed League Spartan isn't available in Shopify's Typography settings
Current situation:
Google Fonts loads successfully (no errors in Network tab) CSS saves without issues in Custom CSS
Computed styles still show: -apple-system, "system-ui", "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif
No visual change to headings
Question: Does the Nimbus theme have specific CSS selectors or structure that overrides standard heading tags?
What's the correct way to implement custom fonts for headings in this theme?
Any Nimbus-specific guidance would be hugely appreciated! 🙏
Hi! Was this added on your live theme? If so, mind sharing your URL for me to take a look?
Hi Joseph,
The website is a work in progress, so you can see the test link here.
I tried more troubleshooting today to no avail.
Thanks so much for your help!
Thanks for the link! I'm not sure if you removed the Google Font <link> tags from the theme.liquid file, but I'm not seeing it in the Network:
I added copied the links and added them into the Element tab within the <head> tags to temporarily see if any changes were made:
I copied the <links> from Google Fonts: https://fonts.google.com/specimen/League+Spartan. I have compared your website without the change and with the tab that I made the change in, and I can see right away that it took effect:
This is an image of your headers without the font:
And this is with the font applied:
Let me know if you removed the links from the theme.liquid file. If they are please share them here, so I can see what link tags you're using for the font, and why they aren't loading.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025