css - -webkit-font-smoothing 属性在 Chrome 中无效

Question

我正在尝试使用 -webkit-font-smoothing CSS 属性来控制 Google Chrome 的(可怕的)字体抗锯齿功能，但它对文本完全没有影响。

<div style="font-size: 42px">
  <p style="-webkit-font-smoothing: subpixel-antialiased">This is a font test.</p>
  <p style="-webkit-font-smoothing: antialiased">This is a font test.</p>
  <p style="-webkit-font-smoothing: none">This is a font test.</p>
</div>

我已经比较了 Photoshop 中的像素，三者完全相同。 Chrome 不再支持此属性了吗？

Answer 1

https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE

-webkit-font-smoothing no longer works. Google Chrome team intentionally changed this behavior. Seems font-smoothing wasn't applied "properly" on OSX in previous versions.