本文介绍了Bootstrap Glyphicons不显示在IE10或FF中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧! 问题描述 我无法在IE10或FF中显示bootstrap图标。我使用的是最新的bootstrap 3代码,包括标准方式的glyphicons: < span class =glyphicon glyphicon -edit>< /跨度> 它们在Chrome中工作正常,但是在IE10中它们不可见并在控制台中生成错误: CSS3111:@ font-face遇到未知错误。 glyphicons-halflings-regular.eot CSS3111:@ font-face遇到未知错误。 glyphicons-halflings-regular.woff CSS3111:@ font-face遇到未知错误。 glyphicons-halflings-regular.ttf 有趣的是,它们在IE10本地工作,远程。 在FF中,他们显示E034图标,我认为图像没有找到? 解决方案 glyphicons-halflings-regular.eot glyphicons-halflings-regular。 svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff < span class =glyphicon glyphicon-time>< p ; /跨度> I'm having trouble getting the bootstrap glyphicons to show in IE10 or FF. I'm using the latest bootstrap 3 code and am including the glyphicons the standard way:<span class="glyphicon glyphicon-edit"></span>They work fine in Chrome, however in IE10 they aren't visible and generate errors in console:CSS3111: @font-face encountered unknown error.glyphicons-halflings-regular.eotCSS3111: @font-face encountered unknown error.glyphicons-halflings-regular.woffCSS3111: @font-face encountered unknown error.glyphicons-halflings-regular.ttfInterestingly, they work locally in IE10, but not remotely.In FF they show the "E034" icon, which I assume means image not found? 解决方案 It works for ME in IE10. Do you have below files in your fonts directory glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-halflings-regular.woffI Used to display time icon beside my article.<span class="glyphicon glyphicon-time"></span> 这篇关于Bootstrap Glyphicons不显示在IE10或FF中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!
09-09 21:13