可以通过在主题的 CSS 中添加以下内容来更改:
body {
--webkit-font-smoothing: auto;
}
这里有一些关于该属性作用的相关说明:A Modern CSS Reset • Josh W. Comeau…
在 2018 年发布的 macOS Mojave 中,苹果在整个操作系统范围内禁用了子像素抗锯齿。我猜测他们意识到在现代硬件上,它弊大于利。
令人困惑的是,macOS 上的浏览器(如 Chrome 和 Safari)默认仍然使用子像素抗锯齿。我们需要通过将其设置为
antialiased来明确地关闭它。
为了展示差异……左侧是 --webkit-font-smoothing: auto;,右侧是 --webkit-font-smoothing: antialiased;
macOS 默认以较深的颜色渲染文本,但这仅适用于浏览器,而不适用于系统的其他部分…… antialiased 可以让它更接近其他操作系统中的文本渲染效果……在 Windows 上的 Chrome 中,该 CSS 不生效,文本默认看起来是这样的:


