css - Bootstrap glyphicon 出现但 IE11 抛出 CSS3111 错误

Question

Bootstrap glyphicon 显示正常，但 IE11 控制台报告 CSS3111: @font-face encountered unknown error 这些文件:

• glyphicons-halflings-regular.eot
• glyphicons-halflings-regular.woff
• glyphicons-halflings-regular.ttf

这是我样式表中的 Bootstrap 覆盖(仅更改了 URL 路径):

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

旁注:如果我在第一个 src url 之后添加 !important，则图标不会显示。

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot') !important;
...}

使用 Bootstrap 3.3.4，IE11

如何消除错误？

Answer 1

这可能与称为不受信任的字体阻止的组策略设置有关。在这里阅读更多相关信息:IE 11: error CSS3111 in my own code, and google.com/fonts doesn't render any fonts