Question

我在我的网站上使用@font-face。

我的一个电话就是：

@font-face
{
    font-family: bebas;
    src: url('bebas.TTF');
}

这似乎在IE 9/10中运行良好。

但是，我尝试使用其他字体进行此操作：

@font-face
{
    font-family: lobster;
    src: url('lobster.OTF');
}

在IE中没有成功。

我用谷歌搜索了答案，很多人建议使用Font Squirrel Font Generator来获取完整的代码，我在这里做了：

@font-face {
    font-family: 'lobster';
    src: url('lobster-webfont.eot');
    src: url('lobster-webfont.eot?#iefix') format('embedded-opentype'),
         url('lobster-webfont.woff') format('woff'),
         url('lobster-webfont.ttf') format('truetype'),
         url('lobster-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

但字体仍无法正确显示。

我已将所有其他文件包含在正确的目录中 - 它只是不能在IE中使用。

有人能指出我正确的方向吗？

编辑：尝试将字体转换为TTF - 没有运气

EDIT2：使用的CSS示例：

#tickerlist LI
{
    list-style-type: none;
    font-family: lobster, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 40.3pt;
    padding-top: 0px;
    padding-left: 5px;
}

EDIT3：

尝试了字体文件的绝对路径 - 仍然没有影响

Answer 1

我会查看以下内容

检查您的Web服务器上的字体路径是否正确。我倾向于将字体存储在我的应用程序/网站的/ fonts /中
因为你从fontsquirrel那里得到了这个字体包并在IE 9中本地测试它以确保它有效。
检查以确保您的css文件中没有打开任何定义，缺少分号：有时会弄乱您。
检查以确保您的服务器为.eot文件提供正确的mime类型
我还要确保在您尝试提供的字体周围有适当的引号或标记。

p.mine {font-family：'lobster'，Arial，sans-serif;}

存在所有字体变体，但@ font-face仍然无法在IE9中运行

1 个答案: