css - 文本跨浏览器问题

Question

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

在 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 中使用网络字体的好建议和工具。