css - 相対 URL 経由でアクセスするフォントを使用すると問題が発生します

Question

アプリケーションで以下の font-face ルールを使用しています

@font-face{
          font-family: frutilicn;        
          src: url('../fonts/FrutigerLTW01-47LightCn.eot');  
          src: url('../fonts/FrutigerLTW01-47LightCn.ttf') format('truetype'); 
     } 

ページにアクセスすると、フォント スタイルが機能しません。次のようにfirebugでエラーが発生しています：

"NetworkError: 404 Not Found http://localhost/fonts/FrutigerLTW01-47LightCn.ttf"

The 'font folder' is in the same folder as the stylesheet and FrutigerLTW01-47LightCn.ttf is in the font folder

What does that mean and what do I need to do? 

Thanks.

Answer 1

購入したフォント (ウェブサイトに埋め込む) をサイトのルートに配置することで、相対リンクの問題を回避しています。

@font-face{
      font-family: 'Frutiger';        
      src: url('/FrutigerLTW01-47LightCn.eot');  
      src: url('/FrutigerLTW01-47LightCn.woff') format('woff'); 
      font-weight: lighter;
      font-style: normal;
 }