@ font-face源中的相对URL不起作用

Question

我下载了Delicious-Roman字体，我想在我的CSS页面中使用它。它似乎不适用于相对URL，但当我将它放在与我的CSS页面相同的文件夹中时，它可以工作！我的文件夹看起来像这样：

-Project
   -Fonts
       -Delicious-Roman.otf
   -Folder
       -Project.html
       -ProjectStyle.css 

所以我这样做了：

@font-face{
   font-family: Delicious;
   src: url(../Fonts/Delicious-Roman.otf);
}
div{
   font-family: Delicious;
}

但它不起作用。当我将Delicious-Roman.otf放入Folder并执行此操作时：

 @font-face{
   font-family: Delicious;
   src: url(Delicious-Roman.otf);
}
div{
   font-family: Delicious;
}

一切都很好而且有效。我也看到有人将format(otf);放在src旁边，但我不知道为什么。

Answer 1

您可能正在Firefox中对此进行测试。尝试Chrome，它会工作。有关Firefox修复程序，请参阅：Bootstrap 3 unable to display glyphicon properly