时间戳

首页 > 解决方案 > 粗体字体在 iOS 上太粗了

html - 粗体字体在 iOS 上太粗了

问题描述

我正在开发一个网站并使用以下 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，它看起来不错。

标签： htmlioscsswebkit

解决方案

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

font-weight:normal !important;

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

推荐阅读