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

Question

我在项目中使用字体"Lucida Sans Unicode",我遇到了它的问题.在IE9中,文本下方有一些空间,我不知道为什么会这样.Chrome中的空间不大.下面是一个示例,您看到的边框来自IE9中开发人员工具中的"单击时选择元素"功能:

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

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

正如您所看到的,"p"下方的空间较小.Chrome以与IE8模式相同的方式显示它.

当我想对齐东西时,渲染的差异会导致麻烦; 当它在一个浏览器中没问题时,另一个浏览器就不行了.

有谁知道为什么会发生这种情况,更重要的是,如何解决这个问题？

提前感谢所有回复.

编辑:
小提琴:http://jsfiddle.net/94Tq9/
.

Answer 1

好的，所以我找到了解决这个问题的方法。这绝对不理想，但我们组织中的其他人已经使用了这种方法，所以希望使用它是可以的。

解决方案是通过在标头中添加此元标记来强制 IE9 进入 IE8“文档模式”：
<meta http-equiv="X-UA-Compatible" content="IE=8">

现在，字体在 Chrome 和 IE 中的显示方式完全相同，我的对齐问题也消失了。