我的自定义字体在Internet Explorer中无法工作

Question

我的自定义字体在Internet Explorer中无法工作

18

我正在尝试在我正在开发的网站上使用绿色枕头和Cotidiana字体。我使用@font-face加载了.eot文件，但仍然无法正常工作...

我真的不确定我做错了什么：

@font-face {  
 font-family: "link_font";  
 src: url( "Greenpiloww.eot" ); /* IE */  
 src: local("GreenPillow"), url( "GREENPIL.otf" ) format("truetype"); /* non-IE */  
}  


@font-face {  
font-family: "twitter_font";  
 src: url( "Cotidiana.eot" ); /* IE */  
src: local("Cotidiana"), url( "Cotidiana.ttf" ) format("truetype"); /* non-IE */  
}

- sanjaypoyzer

14

“唉…” 如果我有一美元（或其他货币符号）每次对自己说：“天哪，这在所有浏览器上都可以用，除了IE（指Internet Explorer）。”，那该多好啊。 - user895378

你听说过cufon吗？可能值得一看：http://cufon.shoqolate.com/generate/ - mbx-mbx

那应该可以，你用什么工具转换字体的？ - David Nguyen

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Interrobang · Accepted Answer

你可以尝试以下语法，它被称为“bulletproof字体语法”：链接

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

显然，在.eot字体后面的查询字符串有助于IE不会噎住。如果您没有字体的.svg或.woff版本，请删除那些行。