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

Store Design
, , ,

Topic summary

A user is attempting to implement League Spartan as the heading font in Shopify’s Nimbus theme but the font isn’t applying despite following standard procedures.

Steps Already Taken:

  • Added Google Fonts link to theme.liquid
  • Applied CSS targeting h1-h6 with !important declarations
  • Removed conflicting Proxima Nova references
  • Verified font loading in Network tab

Current Problem:
Headings still display system fonts (-apple-system, system-ui, etc.) instead of League Spartan, even though CSS saves successfully and no errors appear.

Troubleshooting Progress:
A helper (Joseph_W) inspected the live test site and discovered the Google Fonts <link> tags are missing from the actual theme.liquid file—they don’t appear in the Network tab. When Joseph manually injected the proper Google Fonts links into the <head> via browser DevTools, the font applied immediately and visibly changed the headings.

Next Step:
The user needs to confirm whether they removed the font links from theme.liquid and share the exact <link> tags they’re using to diagnose why they aren’t loading properly. An Oranthemes support representative also offered direct assistance via email.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

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 :disappointed_face: 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! :folded_hands:

2

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

3

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!

4

Thanks for the link! I’m not sure if you removed the Google Font tags from the theme.liquid file, but I’m not seeing it in the Network:

Joseph_W_0-1749766426695.png
Joseph_W_0-1749766426695.png544×504 28.3 KB

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

Joseph_W_1-1749766709866.png
Joseph_W_1-1749766709866.png2518×934 449 KB

I copied the 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
Joseph_W_2-1749766847969.png2532×1041 480 KB

This is an image of your headers without the font:

Joseph_W_3-1749767044643.png
Joseph_W_3-1749767044643.png2293×940 308 KB

And this is with the font applied:

Joseph_W_4-1749767091105.png
Joseph_W_4-1749767091105.png2164×892 177 KB

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.

5

I happened to see this post.

I wonder if you have resolved the issue yet.

I am support from Oranthemes.

You can contact via email at contact@oranthemes.com for direct assistance.