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.

None

^{This setting is great for pixel fonts.}

-webkit-font-smoothing: none;

Subpixel-antialiased

^{Subpixel-antialiased is the default setting for common browsers (Safari, Chrome, etc.)}

-webkit-font-smoothing: subpixel-antialiased;

Antialiased

^{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;
}