如何防止大字体在Chrome（OSX）中看起来参差不齐？

Question

常规字体看起来很普通，但是大字体在Chrome（而不是Safari或Firefox）中看起来参差不齐。我正在使用运行Mojave的Macbook Pro。

示例codepen

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

Chrome

Safari

Firefox

我已经尝试过此SO post中的建议（启用字体缓存缩放和加速2D画布），但是问题仍然存在。

Answer 1

转动chrome：// settings“在可用时使用硬件加速” OFF 为我修复了该问题。

起初我无法重现锯齿状/块状，但我意识到我正在MacOS [High] Sierra上查看它，因此您指定了Mojave。所以我在那里尝试过，而且绝对糟糕。我真的很惊讶，这在测试中没有被任何人注意到。我以为Chrome或Mojave将会有更新来解决这个问题。

我想这实际上与操作系统默认值的更改有关；苹果显然disabled sub-pixel font rendering in Mojave and passed it off as a "refinement"。亚像素渲染由GPU处理，因此在Chrome中禁用GPU渲染可“修复”它。我想您也可以使用我提到的链接中指定的defaults write技术。

无论如何：这可能不是您可以在CSS代码中解决的问题，因为它与用户本地/计算机设置有关。