当前位置: 首页 > 面试题库 >

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

容飞掣
2023-03-14
问题内容

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


问题答案:

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



 类似资料:
  • 问题内容: 自最新版本以来,我经历了Chrome的某些意外行为:在Firefox中,此代码可以正常运行: 它在Chrome中不起作用(只需下载一个名为“下载”的文件),但是以前效果很好。我必须更改一下它又能正常工作吗? 问题答案: 经过研究,我终于找到了您的问题。 下载属性: 如果存在HTTP标头Content-Disposition:,并且提供的文件名与此属性不同,则HTTP标头的优先级高于此属

  • 你好,自动完成=off在chrome中不起作用要在表单中禁用自动完成,您可以将自动完成属性设置为"off":但我尝试了"nope"/"false"/"随机",但不起作用它只适用于验证码输入

  • 问题内容: 我正在构建一个简单的示例,使用该属性翻转卡片。 几天前它运行良好,但突然间它停止工作。效果仍然有效,但是当我将鼠标悬停在卡片上时,正面应该消失以使背面可见。为此,我正在使用该属性。但是似乎无法在chrome中正常工作(无论是稳定版还是每晚构建版) 如果我在做一些糟糕的事情,这里是代码 之所以得出这个结论,是因为我做了几个简单的示例,只使用了一个旋转的div,上面有一个简单的文本,背面隐

  • 问题内容: 我尝试阅读有关如何处理IE中自定义字体的多篇文章,但是它们似乎对我没有用。我尝试将字体转换为,但这似乎也不起作用。我不确定自己在做什么错,所以我将发布我的代码 问题答案: 这在ie8 / 9中有效

  • 问题内容: 我注意到less.js在firefox中工作,但在Chrome中不工作,或者是因为我出错了吗? 即使我尝试在Chrome中仍然无法使用,我在某个地方犯了错误吗? 问题答案: 通过您提供的链接: 如果您使用的是Chrome,Less.js浏览器脚本当前将无法使用,并且由于已知的Chrome问题,网页的路径以“file:///”开头。

  • 从最新版本开始,我就体验到了Chrome的一些意想不到的行为:在Firefox中,这段代码运行得非常好: 它不工作在Chrome(简单地下载一个名为下载的文件),但以前工作得很好。我必须改变什么,它又开始工作了?