css - テキストクロスブラウザの問題

Question

新しい Web サイトの作成を開始しましたが、今回はクロスブラウザーの問題に確実に対処したいと考えています。これは、自分の開発スキルにとって非常に重要であると考えているからです。

Chrome と Firefox の両方で、スタイルを設定したテキストは期待どおりに表示されます。これは IE には当てはまりません。実際、IE で表示されるものは、ここで書いているフォントと大差ありません。

以下は私のCSSのコードです..

h.title{
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
color:#060;
font-size:30px;
}

以下はhtmlです

 <h class="title">Contact</h>

Chrome と Firefox で表示します。

IE で表示

ヘルプ/説明をいただければ幸いです。

Answer 1

IE で使用しようとしているフォントの多くは、IE でサポートされていない可能性があります。@font-face を使用し (Google は多数のチュートリアルへのリンクを提供します)、この質問への回答を読んで、 IE で Web フォントを使用するための適切なアドバイスとツールを入手してください。