Windows上的衣衫褴褛的网站字体

Question

我已经建立了这个网站一段时间了，但我使用Chrome浏览器在Windows上使用的字体看起来很粗糙，虽然它在Mac上看起来很完美或使用Edge：Link
我确实尝试了各种字体平滑属性无济于事，使用文字阴影使它看起来很奇怪。 还有什么我可以尝试的吗？

Answer 1

  

我用于标题的字体在使用Chrome的Windows上显得粗糙

1. 您的webkit-font-smoothing规则缺少-前缀，应为-webkit-font-smoothing

2. 要解决Chrome字体呈现问题，请添加-webkit-text-stroke: 0.3px;

<强>差：



最终代码：

h1, h2 {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 0.3px;
}

*您可能需要将上述CSS应用于使用自定义字体的所有选择器。

预览



原始答案：https://stackoverflow.com/a/11493510/877671 投票以关闭为重复。