问题
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.eot
CSS3111: @font-face encountered unknown error.
glyphicons-halflings-regular.woff
CSS3111: @font-face encountered unknown error.
glyphicons-halflings-regular.ttf
Interestingly, they work locally in IE10, but not remotely.
In FF they show the "E034" icon, which I assume means image not found?
回答1:
It works for ME in IE10. Do you have below files in your fonts directory
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
I Used to display time icon beside my article.
<span class="glyphicon glyphicon-time"></span>
回答2:
It's worth noting that bootstrap 3 icons as well as other styling failing to appear properly with ie10 can sometimes be fixed by adding to force the latest IE version.
Further, everything may appear fine locally; but you may need the meta tag from the server.
来源：https://stackoverflow.com/questions/19200433/bootstrap-glyphicons-dont-show-in-ie10-or-ff