League Spartan Font Not Applying to Headings in Nimbus Theme - Need Help!

League Spartan Font Not Applying to Headings in Nimbus Theme - Need Help!

thewuwu_team
Visitor
2 0 0

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! 🙏

Replies 3 (3)

Joseph_W
New Member
16 0 0

Hi! Was this added on your live theme? If so, mind sharing your URL for me to take a look?

thewuwu_team
Visitor
2 0 0

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! 

Joseph_W
New Member
16 0 0

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:

Joseph_W_0-1749766426695.png

I added copied the links and added them into the Element tab within the <head> tags to temporarily see if any changes were made:

Joseph_W_1-1749766709866.png

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:

Joseph_W_2-1749766847969.png

This is an image of your headers without the font:

Joseph_W_3-1749767044643.png

 

And this is with the font applied:

Joseph_W_4-1749767091105.png

 

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.