2011-08-03 12 views
0

私は何をしたのかよく分かりませんが、数日前までうまくいきました。WebフォントがFirefoxでしか動作しなくなった

http://www.thegiftinsider.com/beta/

それは私のブラウザや他のいくつかで動作しますが、その後動作していないものをtheresの...サイトから3つのフォントが存在を通してでなければなりません。何か案は?

3フォントは以下のとおりです。

@font-face { 
    font-family:BodoniSvtyTwoITCTTBookIta; 
    src:url(fonts/bod72wi-webfont.eot); 
    src:url(fonts/bod72wi-webfont.eot?#iefix) format(embedded-opentype), url(fonts/bod72wi-webfont.woff) format(woff), url(fonts/bod72wi-webfont.ttf) format(truetype), url(fonts/bod72wi-webfont.svg#BodoniSvtyTwoITCTTBookIta) format(svg); 
    font-weight:normal; 
    font-style:normal; 
} 

@font-face { 
    font-family:AvenirLight; 
    src:url(fonts/avenilig-webfont.eot); 
    src:url(fonts/avenilig-webfont.eot?#iefix) format(embedded-opentype), url(fonts/avenilig-webfont.woff) format(woff), url(fonts/avenilig-webfont.ttf) format(truetype), url(fonts/avenilig-webfont.svg) format(svg); 
    font-weight:normal; 
    font-style:normal; 
} 

@font-face { 
    font-family:NotepadRegular; 
    src:url(fonts/notepad_-webfont.eot); 
    src:url(fonts/notepad_-webfont.eot?#iefix) format(embedded-opentype), url(fonts/notepad_-webfont.woff) format(woff), url(fonts/notepad_-webfont.ttf) format(truetype), url(fonts/notepad_-webfont.svg#NotepadRegular) format(svg); 
    font-weight:normal; 
    font-style:normal; 
} 

答えて

0

OK、FFがEOTフォントファイルの代わりに、それがレンダリングできる.woffファイルを使用しているようですので。

おそらく上記のCSSの間違いです。

フォントを使用してフォントを生成しようとしましたbulletproof css declarationを使用してCSS宣言をフォーマットしようとしましたか?

編集:(単一引用符が追加された)、これを試してみてください。

@font-face { 
     font-family:'BodoniSvtyTwoITCTTBookIta'; 
     src:url('fonts/bod72wi-webfont.eot'); 
     src:url('fonts/bod72wi-webfont.eot?#iefix') format('embedded-opentype'), 
      url('fonts/bod72wi-webfont.woff') format('woff'), 
      url('fonts/bod72wi-webfont.ttf') format('truetype'), 
      url('fonts/bod72wi-webfont.svg#BodoniSvtyTwoITCTTBookIta') format('svg'); 
     font-weight:normal; 
     font-style:normal; 
    } 
+0

はい、あなたがダウンして見てみると(右スクロール - 私は1つのラインにそれを作った)ソースが、私はTTF、SVGとWOFFを持っています。 – Mako

+0

こんにちはマコ、私はあなたが必要な構文を生成するフォントリスFOnt顔ジェネレータを試してみることをお勧めします。構文の詳細を知りたい場合は、bulletproof css宣言の記事 –

+0

を調べてください。まず、フォントリスを使用しました。私はそれがラインの中断を取り除く私と関係があるかどうか疑問に思います。 – Mako

関連する問題