css - .eot 在 IE 中不工作

Question

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

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

Answer 1

问题解决了，不是eot文件的问题。如果姓氏与字体的全名不同，IE 似乎无法找到 .eot 文件。在我的例子中，字体名称是 bello-script，字体系列是 bello。更改了它们，一切正常。