我正在尝试在我正在开展的一个网站上使用绿色枕头和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 */
}
解决方法
您可以尝试以下语法,称为
bulletproof font-face syntax：
@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字体之后的querystring有助于IE不cho..如果您没有.svg或.woff版本的字体,只需删除这些行.
