html - 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;
}

score 5 · Accepted Answer

要专门针对 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;
}

在字体粗细中操作该数字，直到您在 IE 中得到它就好了。

祝你好运，如果您有任何问题，请告诉我:)

score 2 · Accepted Answer

通过使用修复它：

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

因此，通过在 CSS 表的“根”处添加字体粗细。感谢所有的可能性！

score 0 · Accepted Answer

也许尝试一个数值。

进一步阅读：

score 0 · Accepted Answer

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

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

在 CSS 中：

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

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

4 回答 4