Custom Font Not Loading Correctly on Chrome

Store Design
1

Hello,

I recently noticed that the custom font that I have for my headings is not displaying correctly on Google Chrome desktop. It works fine on Chrome for mobile and Safari. Two weeks ago, the custom font was displaying correctly on Chrome desktop and nothing has changed in my code since then.

I am using the Modular theme and followed these instructions for adding my custom font.

The custom font (Univers) is displaying correctly on Chrome for body fonts, just not headings. Ex: Thrive as Nature Intended" in screenshot attached.

Here is the site: https://mygoodpharma.com/

Screen Shot 2021-11-12 at 9.52.25 AM.png
Screen Shot 2021-11-12 at 9.52.25 AM.png1352×494 241 KB

Any help is greatly appreciated!

1 Like
2

@drinkgoodpharma

sorry for that issue can you please share your custom font name also are you upload TTF, OTF, WOFF, WOFF2 and SVG font type?

3

Hi there!

The font name is called Univers. I have uploaded all of those font types to my assets.

1 Like
4

@drinkgoodpharma

sorry but i can’t see

5

I was able to fix the Heading fonts to appear in the correct font by re-uploading the font types to my Assets folder. However, my links are still not appearing in the font type Univers.

I tried this code in my css-variables.liquid but it doesn’t work in Chrome

input, .input-group-field{
font-family: 'Univers', Sans-Serif !important;
}