-webkit-font-smoothing in CSS3

Here’s something interesting that I found from Max Voltar’s blog. If you want to improve text-rendering in Webkit browsers (and really who doesn’t), try using the -webkit-font-smoothing property. The three property values that you can use are:

  • -webkit-font-smoothing: none; (Good for that small pixelated text)
  • -webkit-font-smoothing: subpixel-antialiased; (this is the default way text is shown in the browser)
  • -webkit-font-smoothing: antialiased; (Antialiased goodness!)

There’s a great demo page available demonstrating this. Note that you need to view on a Webkit-based browser.