IE9 - CSS3111：@ font-face遇到未知错误 [英] IE9 - CSS3111: @font-face encountered unknown error

问题描述

我嵌入了来自 http://www.google.com/webfonts 的三种Google字体（Dosis， Open Sans，Lato）

它们都可以正常工作，除了IE9，它返回：

 code> CSS3111：@ font-face遇到未知错误。 
 2HG_tEPiQ4Z6795cGfdivPY6323mHUZFJMgTvxaG2iE.eot 
 
 CSS3111：@ font-face遇到未知错误。 
 KlmP_Vc2zOZBldw8AfXD5g.eot 
 
 CSS3111：@ font-face遇到未知错误。 
 zLhfkPOm_5ykmdm-wXaiuw.eot 
  

偶尔打破整个网站。

$ b

解决方案

我发现这个答案，它解决了这个问题。问题比接受的答案更直接，这真的，不应该是答案：）

现在到我们的主要亮点 - CSS3111：@ font-face encountered
unknown error。这个错误很模糊。如果你再看一看
MSDN，你会看到它的描述说：一个未知的问题是
遇到的Web开放字体格式（WOFF）和嵌入
级联样式表（CSS）字体的OpenType字体（EOT）。
未知问题对我听起来不太好 - 我应该怎么
解决一个未知的问题？幸运的是我们在这里给了一个提示。它
说：检查字体的来源。事实上，CSS3111通常由于字体的二进制源问题导致
。一个流行的在线
TTF到EOT转换器例如产生带有NAME表
的EOT文件，该文件不符合Microsoft标准，这导致EOT
字体从未在IE中加载并产生CSS3111错误。所以，当
你体验一个CSS3111，总是好尝试使用不同的
TTF EOT转换器或字体生成器。

资料来源： http://www.marinbezhanov.com/web-development/16/how-to-embed-webfonts-properly-and-how-to-solve- -ambiguous-css3111-font-face-encountered-unknown-error /

I embed three Google Fonts from http://www.google.com/webfonts (Dosis, Open Sans, Lato)

And they all work fine except IE9 where it returns:

CSS3111: @font-face encountered unknown error. 
2HG_tEPiQ4Z6795cGfdivPY6323mHUZFJMgTvxaG2iE.eot

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

CSS3111: @font-face encountered unknown error. 
zLhfkPOm_5ykmdm-wXaiuw.eot

And breaks entire website occasionally.

What can be done to resolve this?

解决方案

I found this answer, which addresses the question more directly than the accepted answer, which really, shouldn't have been the answer :)

And now to our main highlight - the "CSS3111: @font-face encountered unknown error". This error is very ambiguous. If you have a look at MSDN again, you'll see its description says: "An unknown problem was encountered with the "Web Open Font Format (WOFF)", and "Embedded OpenType font (EOT)" of the Cascading Style Sheets (CSS) font". "Unknown Problem" doesn't sound too good to me - how am I supposed to solve an unknown problem? Fortunately we're given a hint here. It says: "Check source of the fonts". Indeed, CSS3111 is usually caused by an issue with the font's binary source. One of the popular online TTF to EOT converters for example produces EOT files with a NAME table that doesn't comply to the Microsoft standards, which results in EOT fonts that never load in IE and produce the CSS3111 error. So, when you experience a CSS3111, it is always good to try using a different TTF to EOT converter or font face generator.

Source: http://www.marinbezhanov.com/web-development/16/how-to-embed-webfonts-properly-and-how-to-solve-the-ambiguous-css3111-font-face-encountered-unknown-error/

这篇关于IE9 - CSS3111：@ font-face遇到未知错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！