How to make your website's typography look beautiful

Make your font stand out with just a few lines of code.

July 22, 2020

Are you wondering why your fonts look chunky when designing a website? Don't blame yourself or any front-end developer — it's the way fonts are rendered in the browser.

But there's a solution — we can utilize the text-rendering CSS property to make our font sharper. Just add these properties to your whole body:

body {  
	text-rendering: optimizeLegibility;  
	-webkit-font-smoothing: antialiased;  
	-moz-osx-font-smoothing: grayscale;

This quick solution lets us choose quality over speed and will make your text look as crisp as it looks in your Figma designs.