代码之家  ›  专栏  ›  技术社区  ›  Rob Wilkerson

-webkit转换CSS属性字体呈现

  •  5
  • Rob Wilkerson  · 技术社区  · 16 年前

    这个问题和 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

    有没有人知道是什么原因造成的,或者是否/如何修复?谷歌并没有提供太多帮助。

    3 回复  |  直到 9 年前
        1
  •  1
  •   zneak    16 年前

        2
  •  13
  •   David Kaneda    16 年前

    -webkit-font-smoothing: antialiased

        3
  •  0
  •   Wayferer    12 年前

    transform: scale(1.1) translate3d(0,0,0); ( http://css-tricks.com/forums/topic/transforms-cause-font-smoothing-weirdness-in-webkit/ )让它工作。