。不在IE中工作

时间:2012-11-10 15:32:47

标签: css fonts font-face

我正在使用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

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

2 个答案:

答案 0 :(得分:23)

解决了问题,这不是eot文件的问题。如果姓氏与字体的全名不同,似乎IE在查找.eot文件时遇到问题。在我的情况下,字体名称是bello-script,字体系列是bello。改变了它们,一切正常。

答案 1 :(得分:0)

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

改变@font-face 和引用:

font-family: Titillium Web Extra Light Italic

致:

font-family: Titillium Web Light Italic

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