-webkit-font-smoothing属性在Chrome中没有任何效果 [英] -webkit-font-smoothing property has no effect in Chrome

问题描述

我试图使用 -webkit-font-smoothing CSS属性来控制Google Chrome的（可怕的）字体反锯齿效果，但它对

< pre class =snippet-code-html lang-html prettyprint-override> < div style =font-size：42px> < p style = - webkit-font-smoothing：subpixel-antialiased>这是字体测试。< / p& < p style = - webkit-font-smoothing：antialiased>这是一种字体测试。< / p> < / p>< / div>

我已经比较了Photoshop中的像素，所有三个都是一样的。 Chrome是否不再支持此属性？

解决方案

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

-webkit-font-smoothing不再有效。 Google Chrome小组故意更改了此行为。似乎在之前版本的OSX上没有正确应用字体平滑。

I'm trying to control Google Chrome's (horrible) font anti-aliasing using the -webkit-font-smoothing CSS property, but it's having absolutely no effect on the text.

<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>

I've compared the pixels in Photoshop and all three are exactly the same. Is Chrome not supporting this property anymore?

解决方案

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.

这篇关于-webkit-font-smoothing属性在Chrome中没有任何效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！