Question

这里有什么问题？

这是添加的CSS。

@font-face {
    font-family: NeutraText-Book;
    src: url('../fonts/NeutraText/NeutraText-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeutraText/NeutraText-Book.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/NeutraText/NeutraText-Book.otf');
    src: url('../fonts/NeutraText/NeutraText-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

相对URL是正确的，因为它们适用于Firefox和Chrome。

我使用以下工具将.ttf转换为.eot http://ttf2eot.sebastiankippe.com/

我正在使用Internet Explorer v10，它显示另一种字体，看起来像Verdana或其他东西。

IE说：

CSS3111: @font-face encountered a unknown error
NeutraText-Book.otf
CSS3114: @font-face failed with the control of OpenType-embedd permission. Permission must be installable. 
NeutraText-Book.otf

（从我的主要语言翻译自己。）

Answer 1

浏览器可以以不同的方式和不同程度检查嵌入字体（网络字体，@font-face字体）是否根据其许可条件使用。这似乎就是这种情况，因为第二条错误信息说的很清楚。

请与字体供应商联系，了解使用它的条件，并可能购买许可用作嵌入字体的版本，或尝试查找允许使用嵌入字体的替代字体，例如众多Google字体中的一种

字体，Internet Explorer显示错误的字体

1 个答案: