IE11中未加载图标字体

我们正在使用icomoon作为图标字体,它们在Chrome和Firefox中运行良好,但不会显示在IE11中。。。有时它似乎在第一次页面加载时起作用,但在后续页面加载时不起作用。清除缓存似乎不会重置它。这个问题可能会出现在其他IE版本中,现在我们只关注IE11

这是我们的@font-face:

@字体{
字体系列:“图标”;
src:url('font/icon.eot?-3q3vo5');
src:url('font/icon.eot?#iefix-3q3vo5')格式('embedded-opentype'),
url('fonts/icon.woff?-3q3vo5')格式('woff'),
url('font/icon.ttf?-3q3vo5')格式('truetype'),
url('font/icon.svg?-3q3vo5#rezku')格式('svg');
字体大小:正常;
字体风格:普通;
}
[class^=“icon-”],[class*=“icon-”]{
字体系列:“图标”;
说:没有;
字体风格:普通;
字体大小:正常;
字体变体:正常;
文本转换:无;
线高:1;
/*更好的字体渲染===================*/
-webkit字体平滑:抗锯齿;
-moz osx字体平滑:灰度;
}
.图标字母表:之前{
内容:“\e600”;
}
/*等等等等等等*/

但这就是奇怪的地方。查看开发人员工具,发送了字体的HTTP请求,但只收到几百个字节(可能只是标题)

但是HTTP响应将内容长度正确地列出为几千字节

“响应主体”选项卡只显示“无需查看数据”

你可以在网络面板屏幕截图中看到谷歌字体的表现不是这样的

在位置栏中粘贴URL会导致下载完整文件

遇到了类似的问题,从上面的屏幕截图来看,响应的缓存控制头为“no store”。IE似乎在缓存和字体方面存在问题

删除“Cache-Control:no-store”和“Pragma:no-Cache”标题可以让图标字体再次显示

https://github.com/FortAwesome/Font-Awesome/issues/6454

发表评论