如何防止大字体在Chrome(OSX)中看起来锯齿状?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何防止大字体在Chrome(OSX)中看起来锯齿状?相关的知识,希望对你有一定的参考价值。

常规字体看起来很正常,但是大字体在Chrome中看起来是锯齿状的(不是在Safari或Firefox中)。我正在使用运行Mojave的Macbook Pro。

例子codepen

.large {
  font-size: 300px
  font-weight: bold
}

enter image description here

苹果浏览器

enter image description here

火狐

enter image description here

我已经尝试了这个SO post(启用字体缓存缩放和加速2D画布)中的建议,但问题仍然存在。

以上是关于如何防止大字体在Chrome(OSX)中看起来锯齿状?的主要内容,如果未能解决你的问题,请参考以下文章

不同的字体大小 - Chrome 与 Firefox

防止 TrueType 字体的抗锯齿(或子像素渲染)

如何使字体在浏览器中看起来很旧且过时

如何在没有抗锯齿的情况下在画布上绘制像素字体

如何在 Windows 中启用字体抗锯齿 [关闭]

Chrome 字体显示模糊