カスタムフォントは私が何をしても表示されません

Question

私のHTMLページにカスタムフォントを追加したいのですが、うまくいかず、可能な限り試してみました。
フォントは、私が書いたhtml CSSの

（CSSは、HTMLファイル内にある）私のhtmlファイルと同じフォルダにある：あなたがローカルで特定のフォントを見つける必要があり

@font-face { 
    font-family: regular; 
    src: url("8bitoperator_jve.ttf"); 
    //src: local("8bitoperator_jve.ttf"); i tried this too 
} 
body { 
    background-color: #000; 
    color: #FFF; 
    font-family: regular; 
} 

Answer 1

が、 urlのフォントファイル。つまり、ローカルフォントにはパスやファイル拡張子は必要ありませんが、フォントファイルにはそれが必要です。あなたがローカルファイルをターゲットにする場合は、まず、あなたはそのように試みることができます。

@font-face { 
    font-family: regular; 
    src: local("8bitoperator_jve"),url("8bitoperator_jve.ttf") format('truetype'); 
} 

をまた、あなたは、外部CSSファイルからフォントフェイスをロードしてみてください。

Answer 2

srcの属性@font-faceは、フォントデータを含むリソースを指定します。これは、ことができます：

• url：リモートフォントファイルの場所へURL。
• local：ユーザーのコンピュータ上のフォントの。

あなたの場合、localにURLを渡しています。代わりに、あなたはurlを使用する必要があります：あなたがしたい場合

@font-face { 
    src: url('8bitoperator_jve.ttf'); 
} 

、あなたはまた、両方を使用することができます。しかしすなわち、localに優先権を与えることを忘れないでください：

@font-face { 
    src: local('Name of your font here'), url('8bitoperator_jve.ttf'); 
}