Why won't my custom fonts display as bold on desktop?

Hi,

I am having a problem where all text on my website will not go bold for desktop, even if I set it to bold. I have added 4 custom fonts to my site in the code which I think is part of the issue. Whenever I use any of these custom fonts for any text, the bold parts of the text work fine on mobile, just not on desktop, however, if I switch to one of the shopify default fonts, the bold text works fine on both devices.

I will attach photos of the same product description on desktop and mobile, so you can see what I mean:

Desktop: Mobile:

Website link: mauriciobenyar.com

Would really appreciate if someone could help,

Thanks

Hi @tobyh4 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

For the links, should I just be using my normal font and converting it to all those different formats.