WebKit Font Smoothing

You can make your website fonts a little bit nicer by using the WebKit font smoothing. There are three options to choose from: none, subpixel-antialised, and antialiased.


WebKit Font Smoothing This setting is great for pixel fonts.

-webkit-font-smoothing: none;


WebKit Font Smoothing Subpixel-antialiased is the default setting for common browsers (Safari, Chrome, etc.)

-webkit-font-smoothing: subpixel-antialiased;


WebKit Font Smoothing Finally, the antialiased setting which is the setting that we want. It will make most of your fonts a little bit softer and nicer to read.

-webkit-font-smoothing: antialiased;

To implement, just put the code in your CSS. Example:

* {
  -webkit-font-smoothing: antialiased;