html - Safari 字体粗细问题，文本太粗

Question

我正在使用一种自定义字体。当我使用 font-weight: bold 时，它在 Safari 网络浏览器中变得更加粗体，但在所有其他网络浏览器中一切正常。

我尝试了以下方法，但都没有用。

-webkit-font-smoothing: antialiased;

和

text-shadow: #000000 0 0 0px;

Answer 1

如果您使用的是自定义字体，则可能会发生这种情况，因为字体集未证明是粗体，这意味着您的浏览器必须合成它 - 这会在浏览器输出之间造成差异。

如果您尝试将 Tahoma 或 Lucida Grande 用于例如font-style:italic:，两种字体均未提供。

如果您使用的是 Google 网络字体(或其他)，您可能需要检查是否提供了粗体版本的字体。

参见 this answer在 SO 上获取更多信息，例如使用 text-rendering: optimizeLegibility;