How to do font antialiasing in web page?

Question

I've been working on how to perform font anti aliasing on web pages. Here're some solutions I found:

• -webkit-font-smoothing attribute: It seems to work only on the newest browsers. I didn't try it out.
• Google Font API: this is great, and easy to use. I wonder how to use it offline.
• A javascript library called typeface.js: which draw the text with canvas or VML. Looks great, but I failed to use it.
• Maybe css3 supports this.

Also, I found this website, gitorious.org, uses very beautiful antialising fonts on the homepage. But I wonder how it worked. The source code shows it's just plain text, but cannot be changed using debugging tools such as Firebug. Does any one know what is behind this? Or someway else to work around this font problem.

Answer 1

One approach as suggested here is to use the the CSS property text-shadow, like so:

text-shadow: 0 0 1px rgba(51,51,51,0.5);