IE10中字体太粗

Question

我有一些 HTML 表格标题，使用 CSS 的 "font-weight:bold" 使其加粗。这在 Chrome、Firefox 和 IE8 模式的 IE10 中看起来很好，但是当我在 IE10 的 IE10 模式下访问页面时，文本太粗了。

如何解决这个问题？

*{
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
}
.widetableheader{
    font-weight:bold;
}

- Mbrouwer88

---

你的CSS在哪里？你需要发布它。 - Mr. Alien

操作系统：W7，W8？使用哪种字体？使用多大的字号？有没有其他细节需要注意的？ - FelipeAls

@TimBJames 不是使用ASP，而是在IIS上使用PHP。 - Mbrouwer88

现在请查看附加的CSS，抱歉。该类别与表格的<tr>相关联，以使其中所有<th>和<td>都变为粗体。 - Mbrouwer88

添加样式 { font-size: 100%; } - Tamil Selvan C

Answer 1

为了针对IE10，您需要使用JavaScript，因为它们已经放弃了条件注释。(感谢stereoscott指出这一点)以下是使用jQuery快速完成此操作的方法:

if ($.browser.msie && $.browser.version == 10) {
  $("html").addClass("ie10");
}

如果使用IE9或更低版本浏览器，我建议使用条件注释(Conditional Comments)。

为了做到这一点，首先需要设置一个专门针对IE10的样式表，因为在IE浏览器中，你可能会遇到其他看起来很奇怪的问题，因为IE是最善于破坏你的代码并使其看起来糟糕的浏览器。

<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->

现在，在这个样式表中只需指定字体粗细即可，因为它只适用于IE 10：

.widetableheader{
  font-weight:500;
}

在字体的“font-weight”中微调该数字，直到在IE浏览器中显示正常。祝你好运，如有任何问题，请告诉我 :)

- newUserNameHere

Answer 2

通过使用以下方法解决了问题:

*{
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
    font-weight:        normal;
}

所以在CSS表格的“根”处添加字体加粗属性。 感谢所有提供的机会！

- Mbrouwer88

Answer 3

这并不是一个“正确”的解决方案，但是使用jQuery，您可以设置一组新的样式：

if ($.browser.msie && $.browser.version == 10.0) {
    $("html").addClass("ie10");
}

CSS中：

.ie10 .widetableheader{
    font-weight:500;
}

可能有更优雅的解决方案。

- Glitch Desire

Answer 4

也许尝试使用数字值。

进一步阅读：

https://developer.mozilla.org/en-US/docs/CSS/font-weight

- Wottensprels

---

尝试过这个，但将其设置为值700（加粗）具有相同的效果。 - Mbrouwer88