Internet explorer IE9@font-face遇到未知错误

我在IE9（windows 7）上遇到了@font-face问题。XP上的IE8和mac上的所有浏览器对我来说都没有问题。就9点

我正在嵌入我的字体，如下所示：

@font-face {
    font-family: 'wendy_lpregular';
    src: url('../fonts/wendylpstd-medium.eot');
    src: url('../fonts/wendylpstd-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wendylpstd-medium.woff') format('woff'),
         url('../fonts/wendylpstd-medium.ttf') format('truetype'),
         url('../fonts/wendylpstd-medium.svg#wendy_lpregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

它不会呈现字体，并在控制台中显示以下错误：

CSS3111: @font-face encountered unknown error. 
wendylpstd-medium.eot

我有另一种我正在嵌入的字体，而且显示正确。是什么原因让曾经梦幻般的IE9为此哭泣

现在让我们来看一下我们的主要亮点——“CSS3111:@font-face遇到未知错误”。这个错误非常模糊。如果您再次查看MSDN，您会看到它的描述是：“级联样式表（CSS）字体的“Web开放字体格式（WOFF）”和“嵌入式OpenType字体（EOT）”遇到未知问题”。“未知问题”听起来不太好——我该如何解决未知问题？幸运的是，这里给了我们一个提示。上面写着：“检查字体的来源”。实际上，CSS3111通常是由字体的二进制源代码问题引起的。例如，一种流行的在线TTF-to-EOT转换器生成的EOT文件的名称表不符合Microsoft标准，这导致EOT字体永远不会加载到IE中，并产生CSS3111错误。因此，当您体验CSS3111时，最好尝试使用不同的TTF-to-EOT转换器或字体生成器

---

来源：

尝试使用简单的行来定义css中的字体，并使用绝对URL，例如

@font-face{
    font-family:'wendy_lpregular';
    src:url('your-web.com/fonts/wendylpstd-medium.eot');
    src:url('your-web.com/fonts/wendylpstd-medium.eot?#iefix') format('embedded-opentype'),
    url('your-web.com/fonts/wendylpstd-medium.woff') format('woff'),
    url('your-web.com/fonts/wendylpstd-medium.ttf') format('truetype'),
    url('your-web.com/fonts/wendylpstd-medium.svg#GothamRM') format('svg')
}

检查是否可以在IE中打开该文件（您的web.com/font/wendylpsd medium.woff），如果收到错误404，请转到IIS，在左侧面板中选择IIS根节点的同时双击“MIME类型”配置选项，然后单击右侧“操作”面板中的“添加…”链接。这将弹出以下对话框。添加.woff文件扩展名，并指定“应用程序/x-font-woff”作为相应的MIME类型

---

我在本网站（）中使用此说明，我在（）上转换我的原始.ttf字体。

您必须将字体转换为base64

用于将

woff

字体文件转换为base 64

在CSS文件中使用步骤1的输出，如下所示：

src: url(data:application/x-font-woff;charset=utf-8;base64, [base 64 value from step 1 without brackets] ) format('woff');

最终结果如下所示，其中

您的base64

是步骤1中的值：

---

祝你好运

你自己转换过这些字体吗？是的，通过字体转换你尝试过其他字体转换吗？我尝试过convertfonts.com。我唯一能找到的是fontface.codeandmore.com，这是一项付费服务。这似乎是一个问题。看看那里。我和你一样：谷歌搜索“CSS3111:@font-face遇到未知错误。”和。。得出了和你一样的结论。是的，这是一个正确的方法总是搜索错误号。干得好。尤达，看看这个：虽然它看起来很奇怪，但它确实起作用了，尽管不幸的是，它在Firefox和Chrome中停止了字体的工作。@SharpC从未检查过，但我猜我之前离开了

woff

url，或者在

base64

之后，解决方案可以工作。似乎是一个流氓

.eot

字体导致了Firefox问题-删除了它，现在工作得很好，谢谢！