粗体字体在 iOS 上太粗了答案

【问题标题】：Bold fonts are too bold on iOS with shrink-to-fit粗体字体在 iOS 上太粗了
【发布时间】：2019-01-30 14:38:12
【问题描述】：

我正在开发一个网站并使用以下 HTML 元标记：

<meta name="viewport" content="width=600, shrink-to-fit=yes">

我还将页面的最小宽度设置为600px。由于网站的性质，我并不担心拥有一个完全兼容移动设备的网站，但是，一个小问题一直困扰着我。在 iOS 上，粗体字体往往呈现出比应有的更粗体。如果我的 iPhone 6s 上的默认缩放是 62.5%（375px 设备宽度除以 600px 最小值），当我捏缩放以使有效缩放更接近 100% 时，一切看起来都很好。

这是一个小问题，我可以使用适合 iOS 的解决方案来解决它（可能会根据浏览器和视口大小更新类），但我想知道是否还有其他 CSS 属性或元标记应用于更容易解决问题。我在正文上有一些字体属性无法解决问题：

body {
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

该问题仅发生在 iOS 上。我检查了 Android，它看起来不错。

【问题讨论】：

如果您对某些页面的某些标题有任何问题..您需要在此添加 css... font-weight:normal !important;在你有粗体问题的地方添加这个 css。

标签： html ios css webkit

【解决方案1】：

如果您对某些页面的某些标题有任何问题..您需要在此添加 css...

font-weight:normal !important;

在你有粗体问题的地方添加这个 css。

【讨论】：

我仍然希望字体为粗体。他们只是被渲染得比他们应该的更大胆。