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

Leave a Reply

Your email address will not be published. Required fields are marked *