开发者

@font-face issues in IE

So I'm using @font-face for my portfolio website, and all is OK in Chrome, Firefox and Safari - but IE is proving a problem.

The following is in my CSS file;

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

And then for IE, I have the following on the main HTML page.

<!--[if IE]>

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

@font-face{
    font-family:'League开发者_如何学Go';
    src: url('sources/league_gothic-webfont.eot');
}

</style>

<![endif]-->  

I created the .eot file from the .oft file on Font Squirrel, but IE continues to just use the default Times New Roman.

Any suggestions?

PS. My site is at iamturner.co.uk


Fontsquirrel offers a "font-face package" download, which contains not only the various fonts themselves, but also a CSS stylesheet to put them on your page. Look at the generated stylesheet; it's not perfect for production use, but it does work in all the browsers you mention, and you can use it as a basis for your own stylesheets. (This once, conditional comments aren't needed BTW).

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜