htmlfonts
← Back to Guides Directory
Rendering Optimization

How to Fix Blurry Fonts in Chrome

01. The Concept

On MacOS, you can toggle the subpixel rendering engine to make light text on dark backgrounds appear crisper and less bulky.

02. Production-Ready Code

-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

💡 Pro Typography Tip

Only use antialiased smoothing for light text on dark backgrounds; it hurts dark text legibility.