Font showing in Customiser but not live website

Solved

Font showing in Customiser but not live website

ateryruby
Tourist
14 0 1

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:

Screenshot 2025-06-03 at 09.08.21.png

 

Not working on live website:

Screenshot 2025-06-03 at 09.10.06.png

 

Custom CSS and custom font loaded as assets:

Screenshot 2025-06-03 at 09.05.53.png

 

Working in Customiser:

Screenshot 2025-06-03 at 09.09.30.png

 

Not working on live site:

Screenshot 2025-06-03 at 09.09.52.png

Accepted Solution (1)
BiDeal-Discount
Shopify Partner
782 101 174

This is an accepted solution.

In your file base.css, we should define font-face like this

BiDealDiscount_0-1749000015393.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Replies 26 (26)

BiDeal-Discount
Shopify Partner
782 101 174

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?

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

Yep I've modified and edited code at the live theme which is called 'Updated Copy of Dawn'

BiDeal-Discount
Shopify Partner
782 101 174

Can you share me your live theme to let me check on storefront?

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1
BiDeal-Discount
Shopify Partner
782 101 174

I see you have fixed font-family in Theme Settings -> Custom CSS codeScreenshot 2025-06-03 at 15.48.15.png

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

I see, thank you! How do I remove that?

ateryruby
Tourist
14 0 1

Screenshot 2025-06-03 at 09.55.51.png

This is empty

BiDeal-Discount
Shopify Partner
782 101 174

Let find in Custom CSS of exactly that section 

BiDealDiscount_0-1748941178822.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

I have custom CSS there for the font  size but nothing else:

Screenshot 2025-06-03 at 10.01.14.png

 

ul,
li {
font-size: 0px;
}
a {
font-size: 140%;
}

BiDeal-Discount
Shopify Partner
782 101 174

Open your live theme Customize editor, scroll down to Custom CSS of Theme Settings:

BiDealDiscount_0-1748941042337.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

There is nothing written there in my custom css

BiDeal-Discount
Shopify Partner
782 101 174

Let try to got to Edit code of this section then find this style to remove it:

 

Screenshot 2025-06-03 at 16.06.10.png

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

I'm really struggling to find this anywhere

BiDeal-Discount
Shopify Partner
782 101 174

Let add me as collaborator then i can support you find it. My email: huykon225@gmail.com

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

thank you so much. I've just emailed you with a Collaborator code. Is that all you need?

BiDeal-Discount
Shopify Partner
782 101 174

Yes that's all. But I haven't received your email invite yet

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

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

ateryruby
Tourist
14 0 1

Hi did you receive the code yet?

BiDeal-Discount
Shopify Partner
782 101 174

I've just request access. Please check & confirm

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
BiDeal-Discount
Shopify Partner
782 101 174

Hi @ateryruby 

I see the product title font family on home collection is Montserrat now, right? does it exactly?

BiDealDiscount_0-1748958958890.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

I changed the theme which fixed that. I still can't get the title font 'a vegan chocolate co' to change to my custom font 'Bimbo Trial' though. Could you help me with that?

Screenshot 2025-06-03 at 15.09.52.png

BiDeal-Discount
Shopify Partner
782 101 174

can you share the the 2 file woff of Bimbo Trial font?

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

Sure. It won't let me attach so I will email them

BiDeal-Discount
Shopify Partner
782 101 174

Hi @ateryruby 

please check your store again. I see it's working at my side

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
ateryruby
Tourist
14 0 1

It working thank you so much!! How did you fix it?

BiDeal-Discount
Shopify Partner
782 101 174

This is an accepted solution.

In your file base.css, we should define font-face like this

BiDealDiscount_0-1749000015393.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp