IE10中的字体太粗体了

Question

我有一些HTML表格标题，使用CSS“font-weight：bold”变为粗体。这在IE8模式下在Chrome，Firefox和IE10中看起来很好，但是当我在IE10模式下访问IE10中的页面时，文字过于大胆了。

如何解决这个问题？

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

Answer 1

要定位IE10具体你需要使用javascript，因为他们已经删除了条件注释。 （感谢stereoscott指出这一点）以下是使用jquery执行此操作的快速方法：

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

如果IE9或更低，我建议你做条件评论。

要做到这一点，首先要设置一个特定于IE10的样式表，你可能会遇到其他在IE中看起来很奇怪的东西，因为IE是破坏你的代码并使事情变得糟糕的最好的浏览器。

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

现在在该样式表中只需指定font-weight，因为它仅适用于IE 10：

.widetableheader{
  font-weight:500;
}

在font-weight中操作该数字，直到你在IE中得到它为止。

祝你好运，如果您有任何疑问，请告诉我们。）

Answer 2

使用以下方法修正了它：

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

因此，在CSS工作表的“根”处添加font-weight。 谢谢所有人的可能性！

Answer 3

也许尝试数值。

进一步阅读：

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

Answer 4

这不是一个'正确'的解决方案，但使用jquery你可以设置一组新的样式：

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

在CSS中：

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

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