字体平滑：抗锯齿对比。变换：透视（0）；

Question

我正在查看我正在开发并且他们正在使用的网站的 CSS

-webkit-transform: perspective(0)

在文本上，使其具有与

相同的外观

-webkit-font-smoothing: antialiased

我创建了一个example。

网站上没有任何变换，所以我认为这纯粹是为了更好的外观。

我从未见过这种黑客行为，也无法在网上找到任何提及它的内容。有什么理由使用它来代替字体平滑？

Answer 1

他们使用的 hack 触发了硬件加速模式。这具有将亚像素抗锯齿更改为标准抗锯齿的副作用。

这种行为的原因是亚像素抗锯齿对文本背景进行了假设。当文本渲染到硬件层时，这些假设不再安全，文本会使用标准抗锯齿渲染以避免潜在的伪影。