作業中のサイトでGreen Pillowフォントと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
フォントの後のクエリ文字列は、IEチョークしないのに役立ちます。フォントの.svgまたは.woffバージョンがない場合は、それらの行を削除してください。