This post is quite old but it is still getting a lot of traffic. However, I no longer recommend the trick I outlined below. Web fonts and browsers have improved a lot since 2011 and there are now tons of high-quality free fonts that no longer look jagged in modern browsers. Google Fonts is a good place to start looking.
Noticed anything different on my site today? It’s very subtle but it’s there. The texts are anti-aliased and have none of the jagged corners like they did previously. Well, not “anti-aliased” in the real sense of the word but the effect is pleasing. And this can be done by adding this property to your css.
[box style=”rounded” border=”full”]text-shadow: 0 0 1px rgba(51,51,51,0.2);[/box]
In my website I added the property to the headings tags. The text shadow color should be the same color as the text, and in RGBA.
I found this website where you can generate text-shadows and other cool CSS3 effects: http://css3generator.com/