@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

Relative URL in @font-face source doesn't work