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

Question

我下载了 Delicious-Roman 字体，我想在我的 CSS 页面中使用它。它似乎不适用于相对 URL，但是当我将它放在与我的 CSS 页面相同的文件夹中时，它起作用了!我的文件夹如下所示:

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

So I did this:

@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