IE8在整个页面上使用Google字体而不是仅选择文本

时间:2012-10-13 09:12:56

标签: css fonts

我用IE8搜索Google字体的所有网络搜索都显示人们谈论谷歌字体只是没有加载或没有显示。我没有那个问题。相反,IE8正在加载我的谷歌字体,但它将字体应用于页面上的所有类型!在其他浏览器中似乎没什么问题。我的CSS中是否有某种小故障,IE正在窒息?

http://nbkclientsite.fuzzpopstudio.com/

好的,这里有一些相关的CSS:

body {
    font-size: 16px;
    font-size: 1rem;
    font-family: Helvetica-Neue,Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
}

.contact-us-text {
    font-family: 'Arvo', serif;
    font-size: 150%;
    color: #2770b4;
}

.contact-us-phone {
    font-family: 'Arvo', serif;
    font-size: 175%;
}

所有相关内容都应该只有一个样式表。您可以使用Firebug或Chrome的Inspector或任何您想要的内容轻松查看它。

在FF和Chrome中,一切都是继承Helvetica或Arial。但不是在IE8中。如果您想查看更多内容,则必须使用Firebug并查看整个样式表。

1 个答案:

答案 0 :(得分:0)

我的坏。我解决了当我在IE中查看元素检查器时,我意识到边界框显示h3元素包含整个页面。所以我检查了标记并注意到结尾的h3标签实际上是没有斜线写的,所以它是另一个开放的h3。

FF和Webkit非常宽容。当你犯这样的错误时,LOL IE会向你吐口水。对这样一个小问题提出质疑的道歉!我只是觉得IE对字体本身很窒息。