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

Question

这个问题与this one 几乎相同除了我只在 Mac 上的 Safari 中看到它(我需要关心的唯一平台)。它绝对是与 CSS 相关的，我想我已经将它缩小到一些似乎对文本呈现方式造成严重破坏的属性。它们是:

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

只要我禁用它们(通过在它们前面加上“x”，例如 x-webkit-*)，文本就可以正常呈现。启用其中任何一个 都会导致文字变得乏味。下面是一些屏幕截图，可能有助于直观地看出差异。

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

有没有人知道可能导致此问题的原因或是否/如何解决此问题？ Google 并没有提供太大帮助。

谢谢。

Answer 1

我认为这实际上可以通过使用 -webkit-font-smoothing: antialiased 在以后的 iOS 修订版(我相信 3.2 和 4.0)中修复。注意:别名仍然会有所不同，但如果它是动画的，看起来就不那么尴尬了。