css - Bootstrap 图标不显示，在 IE 中禁用字体

Question

我的客户端有 IE8 或 IE11，有很多安全配置。他们禁用了字体下载选项，这使得 Bootstrap 图标不显示。有没有办法让它们出现？

Answer 1

bootstrap 图标是通过 CSS 导入的，如下所示:

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
    url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
    url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
    url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

相反，您可以使用 URI Generator将文件转换为数据字符串值。

这将允许您使用字体图标而无需导入文件