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

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]-->

现在在该样式表中只需指定字体粗细，因为它只适用于 IE 10:

.widetableheader{
  font-weight:500;
}

在字体粗细中操纵该数字，直到您在 IE 中得到它为止。

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