2

我已经建立这个网站有一段时间了，但是我用于标题的字体在使用 Chrome 的 Windows 上看起来很粗糙，尽管它在 Mac 或使用 Edge 上看起来很完美：链接
我确实尝试了各种字体平滑属性但无济于事并使用文本-shadow 让它看起来很奇怪。还有什么我可以尝试的吗？

4

1 回答 1

2

我用于标题的字体在使用 Chrome 的 Windows 上看起来很粗糙

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

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

区别：

chrome字体区别

最终代码：

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

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

预习

chrome字体平滑预览

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

于 2016-05-11T10:43:54.623 回答