Why isn't my font change applying to all sections of my store?

Technical Q&A
,

Topic summary

A user changed their store’s font to Futura, but the navigation and product titles retained their original styling. Screenshots were provided showing the unchanged elements.

Solutions Offered:

  • GemPages Support suggested adding custom CSS code to the theme.liquid file before the </head> tag to apply the font globally
  • INA_MSWEB recommended adding CSS targeting specific menu and title classes: .mega-menu__title, .header__linklist-link { font-family: var(--text-font-family) !important; }
  • PageFly-Victor provided similar CSS code to be inserted before the </body> tag

Outcome:
The original poster confirmed the issue was resolved and thanked the helpers. However, a new user (SZNEire) reported experiencing the same problem with the provided solutions not working for them, leaving their issue unresolved.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

I changed the font in my store to Futura. However, the font for the navigation and product titles has not changed. I would appreciate any help you can give me.Screenshot attached

Store link: Moltisanti-clothing.myshopify.com

Navigation
Navigation1363×576 211 KB

Product Title
Product Title1365×557 52 KB

2

Hello @Digital_Imran ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1677565184006.png
GemPages_0-1677565184006.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

*I have checked the product title and found that it has been applied the right font

GemPages_1-1677565466165.png
GemPages_1-1677565466165.png1919×967 392 KB

Let us know how it works for you.

Best regards,
GemPages Support Team

3

@GemPages Thank you so much for your reply.

The fonts are still bold. The font on this website Menscollection.ca is what I want. Take a look at the menu and grid font on this website. I want the same.

I would greatly appreciate any help you can provide

4

Hi @Digital_Imran

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.header__linklist-link, .mega-menu__title {font-family: var(–text-font-family) !important;}

Regards,

San

5

Hi @Digital_Imran

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1677574976601.png
PageFlyVictor_0-1677574976601.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

6

Thankyou so much :slightly_smiling_face:

7

Thank you so much :slightly_smiling_face:

8

Hi there,

I am getting the same problem but this code is not working for me?

Thanks!