CSS转换（旋转）文本在Chrome和Firefox中看起来没有消除锯齿（Windows）

Question

如果我对文本应用旋转，它将不会在Firefox和Chrome中呈现消除锯齿（仅在Windows中），但它在IE中正确呈现。此外，它在Mac OS X中的Chrome和Firefox中正确呈现。

以下是比较Windows 8中三种浏览器的屏幕截图：

http://d.pr/i/9qeg（Chrome）

http://d.pr/i/r8i0（Firefox）

http://d.pr/i/crZ7（IE10）

上面的CSS转换只是

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

这是一个小提琴：

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

有什么想法吗？

Answer 1

Updated Fiddle

transform: translate3d(0, 0, 0);

您可以尝试使用translate3d。据我所知，它会触发元素渲染过程的硬件加速。你可以看到小提琴的差异（至少在铬中）

Answer 2

请在您的课程中添加此代码：

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