CSSのフォントフェイスが動作しません

Question

CSSフォントをインポートしようとしていますが、残念ながらそれが動作していないため、私は本当にわかりません。

「deadjim.ttf」と呼ばれるフォントは、私のメインのpublic_htmlの中に置かれています。正しいパスです。パスを訪れてファイルをダウンロードします。

@font-face { 
    font-family: 'deadjim'; 
    src: url('http://url.com/deadjim.ttf'); /*URL to font*/ 
} 

キャッシュをクリアしようとしましたが、これはうまくいきませんでした。どうやらそれはSafariで動作しているのですが、私はWindows PCを持っているかどうかを確認する手段がありません。

Answer 1

フォントを通常と同じようにしてください。 @ font-faceはhtmlにスタイルを適用しません。フォントを定義するだけです。

#Define your font 
@font-face { 
    font-family: 'deadjim'; 
    src: url('http://url.com/deadjim.ttf'); /*URL to font*/ 
} 

#Will apply the font as default on the entire page 
html, body{ 
    font-family: 'deadjim'; 
} 

Answer 2

あなたのフォントはすべてのブラウザ/ほとんどのプラットフォームで動作確認するために、あなたは（提供されるすべての形式で）これに似た何かをする必要があります - それだけの.ttfファイルを持っているだけでは不十分です。相対パスを使用してみてください

@font-face { 
    font-family: 'fontawesome'; 
    src: url('fontawesome-webfont.eot?v=4.7.0'); 
    src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
     url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
     url('fontawesome-webfont.woff?v=4.7.0') format('woff'), 
     url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
     url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}