css - IE 9 でフォント サイズが正しく表示されない

Question

サイトhttp://hanling.focusww.com

h2 タグのヘッダー テキストは、Firefox、Chrome、または Safari と比較して、IE 9 では膨大です。

これを修正するための提案を探しています。

ワードプレスのサイトです。

(この投稿は、Wordpress Stack exchange から移行されました)

推奨される回答: 移行する場合は、可能な回答についてこれを確認してください。

IE9 はすべてのフォントでうまく機能しないようです。そのため、 IE9用に独自のフォントを提供して読みたいと思うかもしれません。 IE9

フォントの太さの問題のようです

回答: フォントは埋め込まれていません。

Answer 1

答えはあなたのfont-family宣言にあります：

font-family: Bookman, serif;

Bookmanが見つからない場合、ブラウザはチェーン内の次の使用可能なフォントにフォールバックします。この場合、フォールバックは 1 つだけで、それはserifに設定されています。

問題は、Firefox がデフォルトのセリフ フォントである Times New Romanにフォールバックし、IE9 がデフォルトのセリフ フォント (これは異なります) であるBatangにフォールバックしていることです。宣言を次のように変更することで、この問題を解決できます。

font-family: Bookman, "Times New Roman", serif;

そのため、最初に Times New Roman にフォールバックし、そのフォントが利用できない場合は、ブラウザーのデフォルトのセリフ フォントであるセリフにフォールバックします。