-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.



  1. My brother suggested I might like this website. He was once entirely right. This post truly made my day. You can not believe simply how much time I had spent for this info! Thanks!

  2. good post! But too short…

  3. zhenggedy

    font-smoothing is really good