I am currently using 'Avelir Next' font on my website (Shopify store to be exact), and I used font-weight: 300 and font-weight: 400 styling, which translates perfectly on Safari, but not on Chrome and Firefox.
Safari: screenshot
Chrome and Firefox: screenshot
My question is, why is this an issue with Chrome and Firefox, but not on Safari? Is this something to do with Chrome/Firefox? Or this something to do with how the font is uploaded on Shopify's end? Or is it something that I did, or need to add in the styling? I've tried adding -webkit-font-smoothing- but that doesn't help.
