Webkit Font Smoothing

Working at Attitude Design, some of the designs I get have lovely crisp text, which I could never properly replicate.

But thanks to this page, I have been able to get the nice clean text in, in short the following code needs to be entered on your body tag:

-webkit-font-smoothing: antialiased;

What this will do is change the text from looking like this:

To this:

And you can clearly see how clearer the text is.

The default setting for the webkit font smoothing is:
-webkit-font-smoothing: subpixel-antialiased;

So it is worth enabling this for the #admin-toolbar (in Drupal) as the text is a little hard to see with the font-smoothing set to antialised:


Antialiased (and for me, harder to read):

Hope this helps someone!