2016-04-13 2 views
1

質問を繰り返すかどうか不明ですが、webfontでこの問題が発生しています。私はGothamフォントを使用していますが、これはChromeで動作しますが、Mozillaではレンダリングされません。 Mozillaは私に基本的なフォントを与えるだけです。誰も私にこの問題を解決する方法を教えてもらえますか?Mozillaが適切なフォントを表示しない

@font-face { 
font-family: 'gotham_boldregular'; 
src: url('../fonts/gotham-bold-webfont.eot'); 
src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/gotham-bold-webfont.woff2') format('woff2'), 
    url('../fonts/gotham-bold-webfont.woff') format('woff'), 
    url('../fonts/gotham-bold-webfont.ttf') format('truetype'), 
    url('../fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg'); 
font-weight: normal; 
font-style: normal; 

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

} 

答えて

0

GothamGotham LightまたはGotham Bookを試してみてください:Mozilla Firefoxのは、EOTファイルの種類をサポートし、無効な全体する@ font-faceコードを作成しません

@font-face { 
    font-family: 'Gotham'; 
} 
+0

私はそれは、フォントが呼び出されたかについて、それは他のブラウザ上で動作させることができますだけで何かではないと思います。 – Ognjen

+0

@Ognjenはページの最後にここを見てください(最後のコメント)、私はあなたの問題を解決します: https://support.mozilla.org/en-US/questions/987469 – reshad

1

。それを取り除き、WOFFファイルだけをCSSに入れてみてください。

この方法では、すべてのブラウザで動作します:

@font-face { 
    font-family: 'Souses'; 
    src: url('../font/souses/Souses.eot'); 
    src: url('../font/souses/Souses.woff') format('woff'), 
     url('../font/souses/Souses.ttf') format('truetype'), 
     url('../font/souses/Souses.svg#Souses') format('svg'); 
} 

参考:https://support.mozilla.org/es/questions/987469

はそれが役に立てば幸い!

編集コード:

@font-face { 
    font-family: 'Souses'; 
    src: url('Souses.eot'); 
    src: url('Souses.woff') format('woff'), 
     url('Souses.ttf') format('truetype'), 
     url('Souses.svg') format('svg'); 
} 
body { 
    font-family: 'Souses'; 
    font-weight: lighter; 
} 
+0

まあ、まだありません幸運を取ると... コード:http://pastebin.com/MRnhZ0fq – Ognjen

+0

上記のコードを使用して、あなた自身のフォントとURLに置き換えてみてください。 1つのsrcにはEOTファイルがあり、もう1つのsrcにはIEFIX EOTのないフォントファイルがあることに注意してください。 –

+0

それも試しても動作しません。 – Ognjen

関連する問題