为什么不建议在所有元素上使用抗锯齿?

时间:2015-06-11 10:40:28

标签: css antialiasing

关于this topic ("如何防止css过渡期间的webkit文本呈现"),我想知道为什么不建议所有元素都消除了锯齿?

例如,取my website。将鼠标悬停在'bekijk dit项目'按钮(荷兰语'查看此项目')并查看上面的文字..'闪烁',移动或任何丑陋的效果。

正如我从主题中学到的那样,需要消除锯齿。

所以我的主要问题是:为什么我们不反复别名呢?

* {
  -webkit-font-smoothing: antialiased;
}

更新
显然,上述方法不会禁用闪烁效果。但是,下面的代码确实如此。

* {
  -webkit-transform: translateZ(0px);
}
如果你问我,它会禁用一些易读性。因此,我将其与-webkit-font-smoothing: subpixel-antialiased

结合起来

1 个答案:

答案 0 :(得分:3)

抗锯齿不是字体平滑的最佳方法。

根据this文章,

随意在深色背景上的浅色文字上使用它,随意使用它来修复Windows上的自定义字体渲染或在页面上设置特定的文本位置以使其看起来更纤细,但对于文本的主要部分在可读性至关重要的情况下,请单独保留默认设置,让操作系统处理平滑。