Css Web字体加载器-字体加载器在IE中始终报告非活动

Css Web字体加载器-字体加载器在IE中始终报告非活动,css,font-awesome,webfonts,webfont-loader,Css,Font Awesome,Webfonts,Webfont Loader,我的网站有一些为阻止IE中字体下载的组织工作的客户,所以我需要为Fontsome创建备用选项。我试图使用web字体加载器检测FontAwesome是否正确加载,但web字体加载器总是报告FontAwesome未能加载,即使我可以看到FontAwesome图标已加载。我测试过IE 9/10/11 您可以在上查看此操作。您将看到,在Firefox和Chrome中,FontAwesome被正确加载并标记为活动;但是,在IE中,字体加载程序加载字体,但web字体加载程序启动失败加载回调,并将非活动类附加

我的网站有一些为阻止IE中字体下载的组织工作的客户,所以我需要为Fontsome创建备用选项。我试图使用web字体加载器检测FontAwesome是否正确加载,但web字体加载器总是报告FontAwesome未能加载,即使我可以看到FontAwesome图标已加载。我测试过IE 9/10/11

您可以在上查看此操作。您将看到,在Firefox和Chrome中,FontAwesome被正确加载并标记为活动;但是,在IE中,字体加载程序加载字体,但web字体加载程序启动失败加载回调,并将非活动类附加到HTML标记。我有特殊的CSS来加载一些回退字符,以替换随后加载的图标

在web字体加载器GitHub页面中,我没有看到与IE列出的任何不兼容之处,因此我认为这应该是可行的

这是我的WebFont.load语句

WebFont.load({
自定义:{
家庭:['FontAwesome'],
URL:['/local/address/for/fontsawesome.css'],
测试字符串:{
“FontAwesome”:“\uf00c\uf000”
}
},
加载:函数(){
控制台日志(“加载”);
},
fontloading:函数(fontFamily,fontDescription){
console.log('fontloading:'+fontflash);
},
fontactive:函数(fontFamily,fontDescription){
console.log('fontActive:'+fontFamily);
},
fontinactive:函数(fontFamily,fontDescription){
console.log('fontInActive:'+fontFamily);
},
活动:函数(){
log(“活动:加载所有web字体”);
},
非活动:函数(){
log(“非活动:未加载所有web字体”);
}

});如果我遇到“无法下载字体”的情况,并且需要一些图标(不多),我会这样做:使用SVG图标(而不是字体图标),但将数据URI添加到CSS文件中。。。我认为这将使在Font Awesome 5之前使用的tricktest字符串\uf240正常工作