CSS converted (rotated) text looks un-smooth in Chrome and Firefox (Windows)

Question

If I applied the rotation to the text, it will not be smoothed in Firefox and Chrome (only in Windows), but it will correctly display in IE. In addition, it displays correctly in Chrome and Firefox on Mac OS X.

Here are screenshots comparing three browsers in my Windows 8:

http://d.pr/i/9qeg (Chrome)

http://d.pr/i/r8i0 (Firefox)

http://d.pr/i/crZ7 (IE10)

CSS conversions for the above are easy

transform: rotate(-1.5deg) translateY(-2px);

Here is the fiddle:

http://jsfiddle.net/sa6Nb/2/

Any ideas?

Answer 1

Updated Fiddle

transform: translate3d(0, 0, 0);

translate3d. , . ( , )

Answer 2

:

.your-class{
   text-shadow:0px 0px 1px #fff;
}