フォントがロードされていません

Question

私はこの問題で終わりです。私はフォントを含めることを試みている。 CSSファイルはproject/css/にあります。 私のフォントは、project/fonts/iconfont/にあります。 は、私は（私はおそらく唯一WOFFを必要とするだろうが）そのフォルダ内の以下のフォントファイルを持っている。しかし

@font-face { 
    font-family: icons; 
    src: url(../fonts/iconfont/icons.woff) format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 

私ができる」：

icons.eot 
icons.svg 
icons.ttf 
icons.woff 

これは私が私のフォントを含めるようにしようとする方法ですフォントを使用しないでください。 Chromeデベロッパーツールで確認すると読み込まれません。私はここで間違って何をしていますか？

Answer 1

@ font-faceセレクタですべてのフォント形式をリンクし、カスタム名を引用符で囲んでfont-familyを呼び出してみてください。

/*--- Define a custom web font ---*/ 
@font-face { 
    font-family: 'YourWebFont'; 
    src: 
    url('../fonts/iconfont/icons.woff') format('woff'), 
    url('../fonts/iconfont/icons.ttf') format('ttf'), 
    url('../fonts/iconfont/icons.eof') format('eof'), 
    url('../fonts/iconfont/icons.svg') format('svg'); 
} 
/*--- Use that font on the page ---*/ 
body { 
    font-family: 'YourWebFont', sans-serif; 
} 

幸運を祈る！