CSS @ font-face rule

Question

ここに私のコードです。 私はここにする@ font-face規則を確立します。

@font-face { 
    font-family: 'ChunkFiveRegular'; 
    src: url('chunk-webfont.eot'); 
    src: url('file:///C:/.../Fonts/chunk-webfont.eot?#iefix') format('embedded-opentype'), 
     url('file:///C:/.../Fonts/chunk-webfont.woff') format('woff'), 
     url('file:///C:/.../Fonts/chunk.ttf') format('truetype'), 
     url('chunk-webfont.svg#ChunkFiveRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal;} 

私はここの要素に割り当てる：

#main-navi{ 
    font-family:'ChunkFiveRegular';} 

そして、私はここにHTMLでそれを呼び出す：

<div id="main-navi" class="line"> 
    <ul class="line"> 
    <li> 
     <a href="#work">Work</a> 
    </li> 
    <li> 
     <a href="#play">Play</a> 
    </li> 
    </ul> 

しかし、テキストがChunkFiveフォントを表示していません。誰も私がここで間違っていることを知っていますか？

Answer 1

firebugプラグインまたはchromeの開発者ツール（それぞれf12およびctrl + shift + j）を使用して、Firefoxがブラウザからフォントにアクセスできることを確認します。

ファイル：/ uriは正しく動作しません。フォントに相対URIを使用して考慮し、あなたのURLの大文字小文字をチェックしてください。

css自体はうまく見えます（fontsquirrelのすぐ外）。あなたはそのdivを閉じることができますが、それ以外の理論で動作する必要があります。