IE8中图标的Web字体

Question

我使用web字体显示图标，而不是图像文件。一位设计师给了我最初的字体，然后我通过font Squirrel的@font face生成器制作了全套字体。我打开了他们提供的测试*.html文件以及导出的字体，它在我查看的每个浏览器（包括IE7）中都能稳定工作。

我在服务器上安装了字体，它在我测试的每个浏览器（包括IE9）中都能稳定工作，IE7除外。奇怪的是，它在IE7中大约有一半的时间是有效的。因此，如果我只是重复刷新页面，那么它将随机工作大约一半的页面加载，而不工作另一半。

我已经通过"开发人员工具"窗口多次清除缓存。

这是我用来包含字体的CSS：

@font-face {
    font-family: 'iconRegular';
    src: url('/static/fonts/icon-webfont.eot');
    src: url('/static/fonts/icon-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/icon-webfont.woff') format('woff'),
         url('/static/fonts/icon-webfont.ttf') format('truetype'),
         url('/static/fonts/icon-webfont.svg#iconRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon,
.ui-widget-content .icon {
    font-family: 'iconRegular';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

我在一个巨大的应用程序中使用它（通过require.js加载约20个*.js文件）；这可能与我申请的规模有关吗？

Answer 1

这似乎是IE7/8 @font-face处理中的一个错误，出现在重量级的web应用程序中（我的应用程序有大约25个样式表和大约50个Javascript脚本标记）。我通过浏览器探查IE7/8（真遗憾！），在页面加载后等待500毫秒，然后在包含字体声明的样式表中添加第二个<link>标记来修复它。