internetexplorer @font-face (缓存？)

Question

我使用字体松鼠字体-面孔生成器，并将我所有的字体和样式表放入项目文件夹中的一个名为_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中，一切都呈现得很好

在InternetExplorer9中，我有一个奇怪的bug。在第一次加载时，一切看起来都很好，但是当我单击我的徽标重定向到我的index.html时，整个页面都用我的自定义字体(而不是h1标记)呈现。当我再次单击我的徽标时，一切都会显示得很好，即使我再次单击我的徽标，也会保持这种状态。似乎有一些缓存问题。

我希望任何人都能帮助我！

非常感谢你提前

Answer 1

这可能归结于在你的主css中使用@import来包含你的字体。这种方法的性能相当差。

你有没有尝试过从文档头链接到你的字体css？