一尘不染

-webkit-font-smoothing属性在Chrome中不起作用

css

我正在尝试使用-webkit-font-smoothingCSS属性控制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浏览器不再支持此属性吗?


阅读 753

收藏
2020-05-16

共1个答案

一尘不染

-webkit-font-smoothing不再起作用。Google
Chrome小组有意更改了此行为。似乎以前版本的OSX并未“正确”应用字体平滑处理。

2020-05-16