How can I successfully change the body font on my website?

Hello, I wan’t to add custom body font, I have imported the font “HelveticaNeue-Medium-11” as a woff, and added it like this to my theme.liquid.

/* Custom font */
@font-face { 
font-family: 'HelveticaNeue-Medium-11';
src: url(https://cdn.shopify.com/s/files/1/0697/5864/8587/files/HelveticaNeue-Medium-11.woff?v=1679214775) format('woff2');
}

I have managed to make it the font work for everything except body even tho i changed the codes exactly the same like this:

Appreciate if anyone has the solution!

/ Leon

Hello @Leonpojen ,

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

I have checked your website and found that the font has been applied correctly

If the font has not displayed what you want, you should double-check the font file.

Best regards,
GemPages Support Team

@GemPages

Hello and thank you for your reply, however you must have looked at a text which is not “body” as i stated it works perfect for everything else like h1,h2,3 etc.

Please see video were you can see at it still uses roboto for body.

Hi @Leonpojen ,

I have checked the website and found that you can find this code in the theme.liquid file and change it.

If you couldn’t find it, you also fix it by adding the below code before the close tag in the theme.liquid file


Let us know how it works for you.

Best regards,
GemPages Support Team