css - IE11 有时会将 Arial 粗体呈现为 Arial Black，为什么？

Question

我有一些相当复杂的 CSS，但要点是我有这个:

font-family: Arial, Sans-serif;
font-size: 12px;
font-weight: bold;

除了 normal 和 bold 之外，我的 CSS 中没有其他字体粗细修饰符。 Chrome 运行良好。

IE11 - 有时 - 将其呈现为 Arial，但其他时候呈现为 Arial Black。这是在同一页上。我在我们的 Windows 8 测试盒上对此进行了测试，它总是以 Arial Black 结尾的相同文本。

有什么办法可以防止这种情况发生吗？

Answer 1

好吧，这真的很傻，但我发现了为什么会这样。

我的元素包含在一个 html B 元素中，它在 IE 中获得了它自己的字体粗细，覆盖了 font-weight I设置。

默认情况下，IE 以某种方式更改了 B 元素中的 font。手动设置 font-weight:bold 解决了这个问题。

看起来像这样:

   <span style="font-family:Arial; font-weight:bold"><b>text</b></span>