5

这个问题与这个问题几乎相同，只是我只在 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

有谁知道可能是什么原因造成的，或者是否/如何解决？谷歌并没有太大帮助。

谢谢。

4

3 回答 3

13

我认为这实际上可以通过使用-webkit-font-smoothing: antialiased. 注意：混叠仍然会有所不同，但如果是动画效果会看起来不那么尴尬。

于 2010-08-07T18:59:29.520 回答
1

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

于 2010-08-03T20:57:08.967 回答
0

今天遇到了这个问题，不得不使用transform: scale(1.1) translate3d(0,0,0);（http://css-tricks.com/forums/topic/transforms-cause-font-smoothing-weirdness-in-webkit/）让它工作。

于 2014-01-14T16:10:19.597 回答