font-family没有在IE8中显示

时间:2013-08-29 12:29:12

标签: html css internet-explorer-8

我只是想在我的网站上添加常规字体系列,但IE8不会显示它。它只显示默认的Times New Roman。这是我的CSS:

body {
font-family: Arial, Helvetica, sans-serif;
}

这在IE7,9上显得很好,显然是Chrome和Firefox但是我不确定为什么IE8会出现问题?

我的文档类型是:

<!DOCTYPE HTML>

我真的坚持这个。这是一件很简单的事情,我不确定为什么IE8不喜欢它。非常感谢任何帮助。

谢谢, 朱莉

1 个答案:

答案 0 :(得分:1)

我有完全相同的问题让我疯了!

好的,所以我的场景是运行Drupal 7,使用bootstrap并使用html5shim.js和respond.js来支持ie8中的媒体查询等

此设置的一个要求是需要禁用css聚合以使响应正常工作...同样使用bootstrap,很可能超过ie8的4096选择器限制,所以我小心地禁用了某些组件确保我进入这个!

所以我的问题是,一旦启用了css聚合,尽管在ie8&#39; s(借口)检查员中显示,它似乎总是恢复到新的罗马,ie8和其他浏览器的默认字体!?禁用响应或css聚合,一切都按预期工作,包括ie 8 !!!

中的正确字体

好吧,事实证明,正如朱莉之前提到的那样,当我删除字体时:从meyer重置继承,一切似乎都正常工作。这是反直觉的,因为你期望css级联,任何后来的值都应该覆盖先前声明的值。另外为什么font:inherit导致ie8忽略字体,即使它们稍后被声明?

所以这里的修复似乎是删除字体:inherit(我认为无论如何css工作),并启用css聚合并看到响应在ie8中按预期工作!?