css - iOS5上的双倍文本

Question

我正在开发一个响应式网站。在运行 iOS5 的设备上查看后，我注意到我所有的 h2 标签似乎显示了两次，一个在另一个之上。我在装有 iOS6 的设备上检查了它，它看起来更好，但在 iOS5 上却没有。但是，当我将 h2 标签更改为 span（将它们更改为 display: inline-block）时，它似乎也可以正常工作。

我没有对我的 HTML 或 CSS 做任何看似不寻常的事情，而且我也没有在文档中的任何地方使用 z-index，所以有人知道发生了什么吗？

 <h2>Hello</h2>


 h2 {
display: block;
font-family: "Segoe UI Light";
font-size: 36px;
color: #C41230;
}

Answer 1

似乎您的问题可能是字体重量渲染错误。它可能继承了大胆的样式。请参阅此 SO 帖子。您可以尝试将字体粗细设置为正常的h1,h2等。