2012-01-19 6 views
15

私が作業しているサイトでGreen PillowとCotidianaフォントを使用しようとしています。 、次の構文を試してみてください私のカスタムフォントがInternet Explorerで動作しないようにしたい

@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 */ 
} 
+12

*** sigh *** ...私が自分自身に言ったたびに$$$を持っていたら、これはすべてのブラウザで動作します。* – rdlowrey

+0

聞いたことがありますか? cufon?一見価値があるかもしれません:http://cufon.shoqolate.com/generate/ – Magrangs

+0

それはうまくいくはずですが、フォントを変換するために何を使いましたか? –

答えて

25

を:本当に...私はここに間違って何をやったかわから

はない私は、フォントフェイス@使用して.eotファイルをロードしましたが、それはまだ働いていませんbulletproof font-face syntaxとして知られている:.eotフォントはIEがチョークではないのに役立ちます

@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'); 
    } 

どうやらクエリ文字列の後に。 .svgまたは.woffバージョンのフォントがない場合は、その行を削除してください。

+2

ありがとう、これは問題を解決します。マイクロソフトのフォントレンダリングは非常に悪いですが、うんざりです。 – sanjaypoyzer

+0

私はすでにこの答えに記述されているコードを持っていましたが、IEではまだ動作していないようです。私は、F5-ingと別のページを読み込むことの組み合わせが、IEがその行為を一緒にする必要があることを発見しました。 – KSwift87

関連する問題