Custom Font Not Loading Correctly on Chrome

[drinkgoodpharma]

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/

Any help is greatly appreciated! 

[KetanKumar]

@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?

[drinkgoodpharma]

Hi there! 

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

[KetanKumar]

@drinkgoodpharma 

sorry but i can't see

[drinkgoodpharma]

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;
}