internetexplorer @font-face（缓存？）答案

【问题标题】：internetexplorer @font-face (caching?)internetexplorer @font-face（缓存？）
【发布时间】：2012-09-14 17:10:28
【问题描述】：

我使用了字体松鼠字体生成器，并将我所有的字体和样式表放入我的项目文件夹中名为 _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 时，整个页面都使用我的自定义字体呈现（不仅仅是 h1 标签）。当我再次单击我的徽标时，一切都会再次呈现正常并且即使我再次单击我的徽标时也会保持这种状态。似乎是一些缓存问题。

希望有人能帮忙！

非常感谢您

【问题讨论】：

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

【解决方案1】：

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

您是否尝试过从文档头部链接到您的字体 css？

【讨论】：