Streaming live at 10am (PST)

Solved! Fonts rendering thicker in Webflow preview and browser than in Figma/Sketch

If you’re finding some fonts are rendering thicker/heavier in the Webflow preview and browser vs your design in Figma/Sketch etc, just add this CSS to the custom code section inside head tags:

body {-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;}

(Note: You’ll only see the changes reflected on the published site, not in the preview)

1 Like