css - 我在使用通过相对 URL 访问的字体时遇到问题

Question

我在我的应用程序中使用以下字体规则

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

当我访问该页面时，字体样式不起作用。我在萤火虫中遇到这样的错误：

"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;
 }