internet explorer @ font-face(缓存?)

时间:2012-09-22 14:45:42

标签: css internet-explorer internet-explorer-9 refresh font-face

我使用了字体squirrels font-face生成器,并将我的所有字体和样式表放入我项目文件夹中名为_webfonts的文件夹中。

@font-face {
    font-family: 'homesteadreg';
    src: url('homestead-regular-webfont.eot'); 
    src: url('homestead-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('homestead-regular-webfont.woff') format('woff'),
        url('homestead-regular-webfont.ttf') format('truetype'),
        url('homestead-regular-webfont.svg') format('svg');

}

在我的主要css中,我使用以下代码导入css

@import url("_webfonts/homesteadreg/stylesheet.css");

还定义了body标签的规则

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

和h1标签的规则

    h1 {
    font-size: 68px;
    color: #c8c8c8;
    line-height: 58px;
    font-family: homesteadreg, Helvetica, Arial;
    text-align: center;
}

在我的标题中,我有一个链接到我的index.html

的徽标
<div id="header"><a href="index.html" target="_self"><img src="bilder/logo4.png" border=0 alt="alternativer text" width="192" height="40" /></a></div>

在firefox中,一切都很好,因为它应该

在Internetexplorer 9中,我有一个奇怪的错误。在第一次加载时,一切看起来都很好但是当我点击我的徽标重定向到我的index.html时,整个页面都使用我的自定义字体(而不是on1 h1标签)呈现。 当我再次点击我的徽标时,所有内容都会再次呈现,即使我再次点击我的徽标也会保持这种状态。 似乎是一些缓存问题。

我希望任何人都可以提供帮助!

非常感谢您提前

1 个答案:

答案 0 :(得分:1)

可能需要在主css中使用@import来包含字体。这种方法性能很差。

您是否尝试过从文档头部链接到font-face css?