人脸源中的相对 URL @font不起作用

Question

我下载了Delicious-Roman字体，我想在我的CSS页面中使用它。它似乎不与相对URL工作，但当我把它放在同一个文件夹作为我的CSS页面，它工作了!我的文件夹是这样的:

<>之前项目字体-Delicious-Roman.otf文件夹-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无法正确显示字形