Smoother-looking fonts with CSS antialiasing

For easy reference. This is how to use font-smoothing in CSS:

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

If you want to cancel this effect, set both to auto.

You may also be interested in my post on the system font stack.

About the author

I'm Mark Thomas Miller, a full stack engineer and designer currently working at ConvertKit. (We're hiring!) People like Arnold Schwarzenegger, Lindsey Stirling, and Tim Ferriss use features I've built to connect with their fans. I'm currently geeking out about Svelte, mechanical keyboards, and minimalist UI design, and replaying Ocarina of Time.