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

标签 css google-chrome fonts

我正在尝试使用 -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 不再支持此属性了吗?

最佳答案

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.

关于css - -webkit-font-smoothing 属性在 Chrome 中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18786829/

相关文章:

html - 显示灵活的图像网格

html - table-cell 的 child 未占据 100% 的高度(仅适用于 FF)

jquery - 使元素的高度等于 div

php - 相同的 div 代码但无法正常工作

css - 我怎样才能使 <tr> 在 <thead> 中变宽?

javascript - 如何找出调用了哪个 Javascript 函数?

javascript - HTML5 ContentEditable 在 Chrome 中不工作

javascript - Google chrome 中的奇怪行为(提交表单后,它会转到页面底部)

html - 为什么下载的字体在网站上不起作用?

html - 区分CSS中的字体字体