IE9 - CSS3111:@ font-face遇到未知错误

Question

我从http://www.google.com/webfonts嵌入了三个Google字体(Dosis,Open Sans,Lato)

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

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

并偶尔打破整个网站.

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

Answer 1

我找到了这个答案,它比接受的答案更直接地解决了这个问题,这真的,不应该是答案:)

现在我们的主要亮点 - "CSS3111:@ font-face遇到未知错误".这个错误很模糊.如果你再次查看MSDN,你会看到它的描述说:"层叠样式表"的"Web Open字体格式(WOFF)"和"嵌入式OpenType字体(EOT)"遇到了一个未知问题( CSS)字体"."未知问题"对我来说听起来不太好 - 我该如何解决一个未知问题？幸运的是,我们在这里给出了一个提示.它说:"检查字体的来源".实际上,CSS3111通常是由字体的二进制源问题引起的.例如,流行的在线TTF到EOT转换器之一产生具有不符合Microsoft标准的NAME表的EOT文件,这导致EOT字体从未在IE中加载并产生CSS3111错误.因此,当您体验CSS3111时,尝试使用不同的TTF到EOT转换器或字体生成器总是好的.

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

Answer 2

我使用以下方法解决了 IE 9 上的问题@font-face：

@font-face {
    font-family: Gidole;
    src: url('Gidole-Regular.woff2') format('woff2'),
         url('Gidole-Regular.woff') format('woff');
}