在Chrome中使用webkit-transform旋转时出现奇特的文字抗锯齿

尝试使用webkit触发CSS 3d转换模式。这改变了
chrome渲染的方式

-webkit-transform: rotate(.7deg) translate3d( 0, 0, 0);

edit

There also a Webkit only style declaration

-webkit-font-smoothing

• none

• subpixel-antialiased

• antialiased

where

subpixel-antialiased

,，子像素抗锯齿不是旋转文本的好方法。该渲染机器不能处理的。3d转换切换为justantialiased。但是我们可以尝试直接设置它。