html - 尽管 Safari 具有相同的 CSS 属性，但它在不同页面上以不同的权重显示单个字体

Question

我有一个网站的字体，我正在通过@font-face 加载它。但是，在 Safari 中，它在不同的页面上以不同的权重显示，即使检查器显示所有样式都是相同的。

我已经尝试明确设置字体粗细(以及我能想到的任何其他设置)，但似乎没有任何影响。

你可以自己看看下面的变化:

有没有人见过这个？或者知道如何解决？

Answer 1

尝试使用 -webkit-font-smoothing:antialiased;。这将强制使用 safari 渲染方法，然后 safari 将仅使用此方法渲染字体，而不是自动切换它。

我曾经遇到过这个问题，当时我实现了一个纯 CSS 幻灯片，并且在显示特定图像时网站标题变得更粗。

_{请注意，使用此选项有些文本看起来会很糟糕。}