Webfont Weight Differences on Browsers

Webfont Weight Differences on Browsers

shopbaileybee
Excursionist
47 0 12

My custom webfont is rendering thicker on Safari than it is Chrome. I cannot figure out how to fix this, I have implemented:

 

 

 

body {
-webkit-font-smoothing: subpixel-antialiased;
}

    /*SET STYLES ON ELEMENTS*/
h1, h2, h3, h4, h5 > a, p, li {
    font-family: 'Milk and Clay', sans-serif;
    font-weight: normal;
    font-style: normal; 
    text-decoration: none;
}

 

 

in my theme.liquid with the webfont info, no luck.

 

Here's Chrome at the top, Safari on the bottom:

 

Screenshot 2024-10-27 at 7.13.11 PM.png

Reply 1 (1)

shopbaileybee
Excursionist
47 0 12

My url is: shopbaileybee.com