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 提供“字体包”下载，其中不仅包含各种字体本身，还包含一个 CSS 样式表以将它们放在您的页面上。查看生成的样式表；它并不适合生产使用，但它确实适用于您提到的所有浏览器，您可以将其用作您自己的样式表的基础。 （这一次，不需要条件 cmets）。