Shopify themes, liquid, logos, and UX
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!
sorry for that issue can you please share your custom font name also are you upload TTF, OTF, WOFF, WOFF2 and SVG font type?
Hi there!
The font name is called Univers. I have uploaded all of those font types to my assets.
sorry but i can't see
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;
}
User | RANK |
---|---|
206 | |
157 | |
75 | |
69 | |
66 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023