Question

这让我完全难过。我有一个网站，标题使用serif字体，正文文本使用sans-serif字体。索引页面在IE9中加载正常。但是，当导航到其他页面并返回索引页面时，文本将以serif字体呈现。导航样式不受影响。刷新页面时，它会正确显示。只有索引页面受到影响这在任何其他浏览器中都不会发生。 HTML和CSS已经过验证，没有任何错误。

我尝试在CSS中添加！important对sans-serif字体没有任何改动。我尝试将字体声明添加到每个元素而不做任何更改。 CSS看起来像这样：

#header {
font-family:"Times New Roman", Georgia, serif;
}

#section {
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

这使得这更加神秘，是偶尔，页面按预期执行。非常感谢帮助！

Answer 1

可能是@imports不按顺序下载......虽然它们应该已经兑现了。简单的解决方法是通过font squirrel生成open sans @ font-face规则声明，将其放在样式表中。或者将您的初始导入更改为链接元素，同时拉出谷歌字体导入语句并将其作为链接元素，将其置于其他样式表之上。你可以在这里阅读更多内容：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Answer 2

问题是由CSS表单在头部内链接的方式引起的。原始代码：

     <style>
     @import url(css/stylesheet.css);
     </style>

新声明：

    <link rel="stylesheet" href="css/stylesheet.css">

让这个神秘的是，页面会正确加载，只有几页受到影响。问题仅在访问过页面后才出现，并且仅在Internet Explorer中出现。谢谢Albert，给我一个解决这个问题的线索。

在IE中访问的索引页面上字体无法正确呈现

2 个答案: