html - フォント「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 の両方でフォントがまったく同じように表示され、位置合わせの問題が解消されました。