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中工作正常，直到我启用选项“untrusted font blocking”。启用此选项后，我收到以下错误。

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

其他人有这样的问题吗？你能否给出任何建议可以解决这个问题？

Answer 1

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

CSS3111通常是由字体的二进制源问题引起的。例如，流行的在线TTF到EOT转换器之一具有不符合Microsoft的NAME表的EOT文件标准，导致EOT字体永远不会加载到IE和产生CSS3111错误。所以，当你体验到CSS3111时，它就是总是很好尝试使用不同的TTF到EOT转换器或字体发生器。

OG问题：IE9 - CSS3111: @font-face encountered unknown error

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

CSS3111：@ font-face遇到未知错误“当启用不受信任的字体阻止时，在IE11中由icomoon应用程序创建的图标会抛出

1 个答案: