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

问题描述

我从 http://www.google.com/webfonts(Dosis、打开 Sans，拉托)

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

除了返回的 IE9 之外，它们都可以正常工作:

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

偶尔会破坏整个网站.

可以做些什么来解决这个问题?

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 :)

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

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.

来源: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屋！