@ font-face関数が動作しない

Question

これはどのブラウザーでも動作しないようですが、誰かが間違っていることを知っていますか？

はここに住んで実行：http://daveywhitney.com/ford/one/

@font-face { 
    font-family: 'SackersItalianScriptStdRegula'; 
    src: url('font/sackersitalianscriptstd-webfont.eot'); 
    src: url('font/sackersitalianscriptstd-webfont.woff') format('woff'), url('font/sackersitalianscriptstd-webfont.ttf') format('truetype'), url('font/sackersitalianscriptstd-webfont.svg#webfontkWmYBTH2') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'EngraversMTRegular'; 
    src: url('font/engr-webfont.eot'); 
    src: url('font/engr-webfont.woff') format('woff'), url('font/engr-webfont.ttf') format('truetype'), url('font/engr-webfont.svg#webfontQUS0Zswo') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}  

#sidetop { 
    width:90px; 
    height:50px; 
    font-size: 12px; 
    font-family:EngraversMTRegular; 
} 

#sidetop ul li { 
    float:right; 
    margin:0 0 10px 0; 
    font-family:EngraversMTRegular; 
} 

#names { 
    width:150px; 
    height:250px; 
    float:right; 
    overflow-y: scroll; 
    font-size:30px; 
    font-family:SackersItalianScriptStdRegula; 
    color:#858484; 
    margin:0 0 0 50px; 
    font-weight:normal; 
} 

Answer 1

フォントファイルへのパスは、ここに投稿したものではありません。 CSSファイルでは、URLはurl('/font/engr-webfont.eot')のようになります。つまり、あなたのフォントはhttp://daveywhitney.com/font/engr-webfont.eotに存在することになります。先頭のスラッシュは、スタイルシートにではなく、サーバールートに関連するURLを作成します。私たちに物事を推測させるのではなく、あなたのディレクトリ構造がどのように見えるか、つまりフォントがCSSファイルと関連している場所を教えてくれるかもしれません。

Answer 2

URLが間違っています。たとえば、ここにフォントファイルがありません。

http://daveywhitney.com/ford/one/css/font/engr-webfont.woff