.eot 在 IE 中不起作用

Posted

技术标签:

【中文标题】.eot 在 IE 中不起作用【英文标题】:.eot not working in IE 【发布时间】:2012-10-30 16:13:15 【问题描述】:

我正在使用 CSS 导入字体。但是,它似乎在 IE 中不起作用。我不知道为什么。

这是我的 CSS 代码:

    @font-face 
    font-family: 'bello';
    src: url('../fonts/bello.eot?');
    src: url('../fonts/bello.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bello.woff') format('woff'),
         url('../fonts/bello.ttf') format('truetype'), 
         url('../fonts/bello.svg#bello') format('svg');

    font-weight: normal;
    font-style: normal;
              
.bello  
    font-family: "bello", Verdana, Tahoma;

我已将 .eot、.svg、.woff、.ttf 和 .otf 添加到文件夹字体中。它在除 IE 之外的所有浏览器中都能正确显示。为了创建 .eot 文件,我使用了这个网站:http://www.kirsle.net/wizards/ttf2eot.cgi。

我不知道为什么它不起作用。任何帮助都会很棒。谢谢!

【问题讨论】:

【参考方案1】:

解决了,不是eot文件的问题。如果家族名称与字体的全名不同,IE 似乎在查找 .eot 文件时遇到问题。在我的例子中,字体名称是bello-script,字体系列是bello。两个都改了,一切正常。

【讨论】:

您,先生,是一个强大的天才。多年来一直试图解决这个问题 你能描述一下“字体的全名”是什么意思吗?这是在哪里指定的?您说您已将字体名称设置为“bello-script”,但我在您的代码 sn-p 中没有看到任何地方提到... @SimonGreen 创建字体时,.svg 文件中有字体的详细信息,其中 fullname 也是一个字段,如下所示: 【参考方案2】:

我遇到了类似的问题。与其他响应一样,它似乎不是 .eot 文件的问题,而是字体系列值长度的问题。

更改@font-face 和引用:

font-family: Titillium Web Extra Light Italic

收件人:

font-family: Titillium Web Light Italic

为我修好了。总是期望 IE 会因为任何原因而崩溃...

【讨论】:

以上是关于.eot 在 IE 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

flex 属性在 IE 中不起作用

表格的边框在 IE 中不起作用

拖放到文件输入在 IE11 中不起作用

指针事件:没有在 IE 中不起作用

属性!='value' jquery 选择在 IE 中不起作用

jQuery Toggle 在 IE8 中不起作用