-webkit-font-smoothing

I’m so used to the way Mac OS X renders text, and I enjoy the way text looks in Safari. However, there’s people who feel different.

-webkit-font-smoothing: antialiased makes your text a bit thinner and less heavily anti-aliased, compared to the default subpixel-antialiased.

What do you prefer? Paste the CSS below into your code and use the classes on different paragraphs to try it out for yourself:

<style media="all">
/* Different anti-aliasing options in WebKit */
  .subpixel {
    -webkit-font-smoothing: subpixel-antialiased;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
  }
</style>

Notes