Safari虽然具有IDENTICAL CSS属性，但在不同页面上显示不同权重的单一字体

Question

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

我已经尝试明确设置字体权重（以及我能想到的任何其他内容），但似乎没有任何影响它。

您可以自己查看以下变体：

有没有人见过这个？或者知道如何修复它？

Answer 1

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

我曾经有过一次这个问题，当时我实现了一个仅限CSS的幻灯片，并且在显示特定图像时网站标题变得更大胆。

_{请注意，有些文本看起来很糟糕。}