Hey there Webflow Community,
I am having an issue with a clients website FONT. In safari and all other browsers, the font is correct… However in Chrome it isn’t as thin as it’s supposed to be.
I cannot figure out what is causing this and could certainly use some help ASAP. Not sure if this is a common issue, or if I’m the only one.
Thank you in advance.
Here is my site Read-Only: https://preview.webflow.com/preview/yor-water?utm_medium=preview_link&utm_source=designer&utm_content=yor-water&preview=6f28ef08af2c03be4ace944b3acf194c&mode=preview
Here is the live site: https://www.drinkyorwater.com
As far as I’m aware there’s not really a fix for this, different browsers sometimes render a little different. I’d try configuring this piece of CSS in your site wide custom code, it might help it look better
<style>
.class {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
Joel, thanks so much for that idea. I tried it, and unfortunately it didn’t make a difference. I cannot figure out what’s causing this issue.
That’s too bad, maybe one other thing which you may not like is there is a font on adobe typekit called nimbus sans which looks really similar to Helvetica and also has simpler licensing