为什么不建议对所有元素使用抗锯齿？

Question

关于this topic ("How to prevent webkit text rendering during css transitions")，我想知道为什么不建议对所有元素进行抗锯齿？

例如my website。将鼠标悬停在 'bekijk dit project' 按钮（'Look at this project' 的荷兰语）上，然后查看上面的文本.. 'blink'、移动或任何丑陋的效果。

正如我从主题中了解到的那样，这需要消除锯齿。

所以我的主要问题是：为什么我们不对所有内容进行抗锯齿处理？

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

更新：
显然上述方法并没有禁用闪烁效果。但是，下面的代码可以。

* {
  -webkit-transform: translateZ(0px);
}

如果你问我的话，它会降低一些可读性。因此，我将它与 -webkit-font-smoothing: subpixel-antialiased

结合起来

Answer 1

抗锯齿不是平滑字体的完美方法。

根据 this 文章，

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