html - 粗体字体在 iOS 上过于粗体且收缩至适合

Question

我在网站上工作并使用以下 HTML 元标记:

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

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

这是一个小问题，我可以使用针对 iOS 定制的解决方案来解决它(可能会根据浏览器和视口(viewport)大小更新类)，但我想知道是否还有其他 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，它看起来不错。

Answer 1

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

font-weight:normal !important;

在你有大胆问题的地方添加这个 css。