粗体字体在iOS上过于粗体，无法缩小

Question

我正在网站上并使用以下HTML元标记：

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

我还将页面的最小宽度设置为600px。由于该网站的性质，我不担心拥有一个完全与移动设备兼容的网站，但是，一个小问题一直困扰着我。在iOS上，粗体字体倾向于呈现比应有的粗体。如果我的iPhone 6s的默认缩放比例为62.5％（375像素的设备宽度除以最小的600像素），则当我捏缩放以使有效缩放接近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设备，看起来还不错。

Answer 1

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

font-weight:normal !important;

在存在粗体的地方添加此CSS。