当未经信任的字体阻止功能开启时，IE11中使用Icomoon应用程序创建的图标会引发“CSS3111：@font-face遇到未知错误”的错误。

Question

我使用icomoon创建了字体图标，并使用以下代码将字体添加到网页的CSS中：

@font-face {
  font-family: 'xlfont';
  src: url('./images/spreadsheet/xlicons.eot?-dzszjm');
  src: url('./images/spreadsheet/xlicons.eot?#iefix-dzszjm') format('embedded-opentype'), 
  url('./images/spreadsheet/xlicons.woff?-dzszjm') format('woff'), 
  url('./images/spreadsheet/xlicons.woff') format('woff'), 
  url('./images/spreadsheet/xlicons.ttf?-dzszjm') format('truetype'), 
  url('./images/spreadsheet/xlicons.svg?-dzszjm#ssicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

这在IE11中一切正常，直到我启用了“不信任字体阻止”选项。一旦我启用了该选项，就会出现以下错误。

CSS3111: @font-face encountered unknown error.
xlicons.eot

有没有其他人遇到过这样的问题？你能否提出任何建议或解决方法？

- user3705893

Answer 1

尝试将embedded-opentype声明行注释掉。如果这样不起作用，请考虑从堆栈的另一个答案中考虑以下内容：

CSS3111通常是由字体二进制源的问题引起的。 例如，流行的在线TTF到EOT转换器之一会生成不符合Microsoft标准的NAME表的EOT文件，这导致EOT字体在IE中永远无法加载并产生CSS3111错误。因此，当您遇到CSS3111时，最好尝试使用不同的TTF到EOT转换器或字体生成器。

原始问题：IE9 - CSS3111：@font-face遇到未知错误

参考资料：http://marinbezhanov.com/how-to-embed-webfonts-properly-and-how-to-solve-the-ambiguous-css3111-font-face-encountered-unknown-error/

- Claire