safari css 粗体字体太粗体

Question

第一行字体在 Safari 中渲染， 第二行字体在其他浏览器中呈现。

我认为这是 safari 中粗体字体渲染的常见问题。但有任何机构可以解决这个问题吗？ safari 浏览器中的字体太粗，导致不那么漂亮。我尝试设置 font-weight:normal ，然后所有浏览器呈现相同的效果。但有些字体需要加粗。感谢帮助。

Answer 1

从技术上讲，您对此无能为力。 这里有一篇关于糟糕的 Safari 字体平滑主题的文章

不过有解决方法

• 使用图像代替文字
• 让字体看起来更细

Answer 2

你尝试过吗：

-webkit-font-smoothing: antialiased;

这刚刚为我解决了同样的问题。

Answer 3

在您的 global.scss 文件中

* {
  font-synthesis: none !important;
}

回答reddit帖子