フォルダーからカスタムフォント（ttf）を使用するCSS

私はnotepad ++でhtml localyをテストしています（まだサイトを作成していません）、カスタムダウンロードフォントを使用しようとしています。だから、私はttfフォントをダウンロードし、それもhtmlファイルを含むフォルダの下に置いた。次に使用しますフォルダーからカスタムフォント（ttf）を使用するCSS

<html> 
<head> 
<style> 
@font-face { 
    font-family: myFirstFont; 
    src: url('C:\Users\Jon\Desktop\zz\clights.ttf') format('truetype'); 
} 

div { 
    font-family: myFirstFont; 
} 
</style> 
</head> 
<body> 

<div>Test123</div> 

</body> 
</html>

しかし、それは動作していないようです。私は多くの答えを見てきましたが、あなたのサイトのコンテンツにフォントを追加することを指していますが、html localyをテストしています...カスタムフォントをこのように使用するにはどうすればいいですか？ Ty

出典

2017-03-02 darkchampionz

た場合を使用フォントディレクトリは、あなたが 'url（ 'zz \ clights.ttf'）'を使用できるhtmlファイルと同じディレクトリにあります。 – JensV

フォントファイルがあなたのhtmlファイルと同じフォルダにある場合、全体を書く必要はありませんURLのパス。ファイル名を書きます。 –

多分あなたはここで答えを見つけるでしょう：http://stackoverflow.com/questions/10795708/css-font-face-does-not-work –