-webkit-transform CSS属性软管字体渲染

这个问题与this one几乎相同,只是我在Mac上的Safari中独家看到它(我唯一需要关心的平台).它肯定与CSS有关,我想我已经把它缩小到一些似乎对文本呈现方式造成严重破坏的属性.他们是：

-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-webkit-perspective: 2500;

一旦我禁用它们(通过在前面添加“x”,例如x-webkit- *),文本就可以正常显示.启用其中任何一个都会导致borked文本.这里有几个屏幕截图可能有助于可视化差异.

http://s3.amazonaws.com/codaset/ticket/6404/665/good.png http://s3.amazonaws.com/codaset/ticket/6404/666/bad.png

有没有人知道可能导致这种情况的原因或是否可以修复？谷歌并没有非常有用.

谢谢.

最佳答案

Safari中的变换是硬件加速的.它允许更好的速度,但渲染不遵循相同的管道,并且一些质量丢失.除了不使用变换之外,你无能为力. ：/