2017-05-10 13 views
0

this fontをマイページに追加しようとしていますが、Firefox、IE、OperaではChromeでのみ機能します。 (Safariを試していない)
これを動作させる方法はありますか?Chrome以外のブラウザではフォントが機能しません

CSS:

@font-face { 
    font-family: 'ISL Fade to Blak'; 
    font-weight: normal; 
    font-style: normal; 
    src: url("Fonts/ftb.ttf") format("truetype"); 
} 
.perg_text { 
    font-family: 'ISL Fade to Blak'; 
} 

ありがとう!

EDIT:メンバーが求めている
ので、はい、私は身体上のフォントファミリを宣言しています。

HTML:

<div class="perg_text">TEXT HERE</div> 
+0

https://www.fonts.com/support/faq/web-fonts-work-only-in-firefox これは、あなたが探しているものかもしれません。 –

+0

なぜWOFFの代わりに 'ttf'ソースを使用していますか?また、実際にどのように新しく宣言されたフォントファミリーを使用しているかを示すCSSはどこですか? –

+0

こんにちは!まず、あなたのお酒をいただきありがとうございます。はい、私はボディにフォントを宣言しています。他のカスタムフォントは、Chromeのみで動作する以外のすべてのブラウザで完全に動作します。ドメインについては、他のフォントが動作しているので、そうは思わない。 WOFFタイプについては、私がフォントをダウンロードしたサイトはttfファイルのみを無効にします。私はそれを行うサイト上のフォントを変換するためにtryied、しかし動作しませんでした。 –

答えて

0

@font-faceだけのフォントを宣言するためです。そのフォントを使用していることを示す必要があります。これをあなたのCSSに追加する必要があります。

body { 
    font-family: 'ISL Fade to Blak'; 
} 
+0

申し訳ありませんが、それはクロムで働いているので、それは言う必要はないと思っていましたが、はい、私は体のフォントファミリーを宣言しています。私は他のフォントを使っていますが、これらはすべてのブラウザで動作しますが、これはChrome上でのみ動作します。ありがとう。 –

関連する問題