Streaming live at 10am (PST)

Font is right in Safari, but wrong in Chrome

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