在 Windows 上的 Firefox 3.6、IE7 和 Opera 10 中，此 HTML 有一个奇怪的行为:
<html><head></head>
<style>
span {
font-family: monospace; background-color: green;
}
span.b {
font-weight: bold;
}
</style>
<body>
<span>Text</span><span class="b">Text</span><span>Text</span>
</body>
</html>
中间的粗体跨度向下移动了一个像素。其他字体不会发生这种情况。
这是为什么呢？我该如何解决？
最佳答案
Why is that?
好问题。只花了半个小时试图找出原因，无济于事。 Marcgg 的解决方案似乎也不起作用，偏移量仍然存在。谷歌什么也没找到。这似乎只发生在 Windows 上，不仅在您提到的浏览器中，而且在 Opera 9 和 IE6 中也是如此。 不是 但在 Firefox 2.0 中。令人费解。
How can I fix it?
到目前为止，唯一对我有用的解决方案是:
span {
font-family: Courier; background-color: green;
}
span.b {
font-weight: bold;
}
即指定 Courier 而不是等宽。这在我测试的所有浏览器(IE6、Opera 9、Windows 2000 下的 FF 2.0；Opera 10、FF 3 和 Ubuntu 下的 Konqueror)中呈现一致。至于为什么，我仍然不知道。
关于html - 为什么 bold monoface 在 Windows 上垂直移动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2432328/