How to render thin fonts more smoothly in CSS 3 on Windows?

Question

When I\'ve designed my web site in Adobe Flash Pro CS6, the font looks like this:

Answer 1

I think this is more a Windows problem than a browser problem. The same browsers render the same fonts much more smoothly on other operating systems such as Linux or Mac.

In Chrome, and by extension any webkit browser, you can use the following code to smooth your fonts:

-webkit-font-smoothing: antialiased;

or

-webkit-font-smoothing: antialiased !important;

Typically, I find that this doesn't do a whole lot. I think we'll just have to wait for Microsoft to do something about it.