Windows 上的网站字体参差不齐

Question

我建立这个网站已经有一段时间了，但是我在 headers 使用的字体在 Windows 使用 Chrome 时看起来很粗糙，尽管它在 [=19] 上看起来很完美=] 或使用边缘：Link
我确实尝试了各种字体平滑属性无济于事，使用 text-shadow 使它看起来很奇怪。 还有什么我可以尝试的吗？

Answer 1

The font I use for headers looks ragged on Windows using Chrome

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 应用于所有使用自定义字体的选择器。

---

预览

原回答： 投票关闭重复。