文本跨浏览器问题

Question

我已经开始创建一个新网站，这次我真的想确保我处理跨浏览器问题，因为我认为这对我自己的开发技能非常重要。

Chrome和＆amp; 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将为您提供大量教程的链接），并阅读this question的答案，以获取有关在IE中使用Web字体的好建议和工具。