html - 如何使字体 "Lucida Sans Unicode"在 IE9 和 Chrome 中以相同的方式呈现？

Question

我在元素中使用字体“Lucida Sans Unicode”，但遇到了问题。在 IE9 中，文本下方有一些空间，我不知道为什么会这样。在 Chrome 中没有那么多空间。下面是一个例子，你看到的边框来自IE9开发者工具中的“点击选择元素”功能:

这是浏览器模式:IE9 和文档模式:IE9 标准。

这是浏览器模式:IE8 和文档模式:IE8:

如您所见，“p”下方的空间较小。 Chrome 的显示方式与 IE8 模式相同。

当我想要对齐东西时，渲染的差异会造成麻烦；当它在一个浏览器中正常时，在另一个浏览器中就不行了。

有谁知道为什么会发生这种情况，更重要的是，知道如何解决它吗？

预先感谢所有回复。

编辑:
fiddle :http://jsfiddle.net/94Tq9/
.

Answer 1

我不能告诉你为什么这样做，但值得注意的是这是一个渲染问题而不是布局问题。换句话说，段落的行高不受影响，只是IE认为应该画边框的地方。 (抱歉，我没有检查可点击区域。)

如果，如您的图片所示，您可以将 display:inline-block; 添加到 anchor 样式，IE8 和 IE9 将以相同的方式呈现，只要您有 line-高度设置。

我目前被放逐到只有 IE 的存在(长话短说)，所以我不能说这是否也适用于 Chrome。