css - internetexplorer @font-face(缓存？)

Question

我使用 font squirrels font-face generator 并将我所有的字体和样式表放入元素文件夹中名为 _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 的 Logo

<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 中我有一个奇怪的错误。第一次加载时，一切看起来都很好，但是当我单击我的 Logo 以重定向到我的 index.html 时，整个页面都使用我的自定义字体呈现(不是 onyl h1 标签)。当我再次单击我的 Logo 时，一切都再次呈现良好并且即使我再次单击我的 Logo 也保持那样。似乎是一些缓存问题。

希望大家帮帮忙!

非常感谢您

Answer 1

这可能归结为在您的主 CSS 中使用 @import 来包含您的字体。这种方法的性能很差。

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