2
1 Comment

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:

<style>
body {-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;}
</style>

alt text

  1. 1

    FYI: You'll see the changes in the published site rather than the preview

Trending on Indie Hackers
Reaching $100k MRR Organically in 12 months 29 comments 87.7% of entrepreneurs struggle with at least one mental health issue 13 comments How to Secure #1 on Product Hunt: DO’s and DON'Ts / Experience from PitchBob – AI Pitch Deck Generator & Founders Co-Pilot 11 comments Worst Hire - my lessons 11 comments Competing with a substitute? 📌 Here are 4 ad examples you can use [from TOP to BOTTOM of funnel] 10 comments Indie hackers selling to indie hackers? 7 comments