IE中的@ font-face问题

Question

所以我在我的投资组合网站上使用@ font-face，但在Chrome，Firefox和Safari中一切正常 - 但IE证明是个问题。

以下是我的CSS文件;

@font-face {
font-family:"League"
src: url('sources/League_Gothic.otf')format('opentype');
}

然后对于IE，我在主HTML页面上有以下内容。

<!--[if IE]>

<style type="text/css" media="screen">

@font-face{
    font-family:'League';
    src: url('sources/league_gothic-webfont.eot');
}

</style>

<![endif]-->  

我在Font Squirrel上的.oft文件中创建了.eot文件，但IE继续使用默认的Times New Roman。

有什么建议吗？

PS。我的网站是在iamturner.co.uk

Answer 1

Fontsquirrel提供了一个“font-face package”下载，它不仅包含各种字体本身，还包含一个CSS样式表，可以将它们放在页面上。查看生成的样式表;它不适合生产使用，但它确实适用于您提到的所有浏览器，您可以将它用作自己的样式表的基础。 （这一次，有条件的评论不需要BTW）。