我已经通过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;
}


在启用了选项“ untrusted font blocking”之前,此方法在IE11中工作正常。启用此选项后,出现以下错误。

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


其他人有这样的问题吗?您能否给出任何建议解决此问题?

最佳答案

尝试注释掉embedded-opentype声明行。如果那不起作用,请从另一个答案中考虑以下内容:


CSS3111通常是由字体的二进制源问题引起的。
例如,一种流行的在线TTF到EOT转换器产生
EOT文件的NAME表与Microsoft不兼容
标准,导致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/

关于css - CSS3111:启用不受信任的字体阻止后,由icomoon应用程序在IE11中创建的图标会引发@ font-face遇到未知错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50460154/

10-12 12:46