Html 使用@font-face时出现问题

Html 使用@font-face时出现问题,html,css,fonts,Html,Css,Fonts,我一直在努力在CSS中使用@font-face属性。我终于让它工作了,但不是我想要的那样 每当我使用@font-face时,我必须将CSS文件保留在根目录中。我不能在我的主文件夹中有一个名为“css”的文件夹,在那里我可以保存我的主css文件以及与之相关的任何其他文件 例如,我必须这样设置它才能工作: 这就是它目前的设置方式,并且运行良好 但如果我将CSS文件添加到一个新文件夹中,如下所示: 这已经不起作用了,我也不知道为什么。我假设这与目录位置路径有关,但我不确定如何解决这个问题。有谁能解

我一直在努力在CSS中使用@font-face属性。我终于让它工作了,但不是我想要的那样

每当我使用@font-face时,我必须将CSS文件保留在根目录中。我不能在我的主文件夹中有一个名为“css”的文件夹,在那里我可以保存我的主css文件以及与之相关的任何其他文件

例如,我必须这样设置它才能工作:

这就是它目前的设置方式,并且运行良好

但如果我将CSS文件添加到一个新文件夹中,如下所示:

这已经不起作用了,我也不知道为什么。我假设这与目录位置路径有关,但我不确定如何解决这个问题。有谁能解释一下,当我将CSS保存在根文件夹中的另一个文件夹中时,如何让@font-face正常工作


谢谢

CSS中的位置是相对于CSS文件本身的,所以在您的例子中应该是这样的

@font-face{
src:url(../swag.ttf);
/*More CSS Code Here*/
}

哦,我想它们是相对于根目录的。好的,非常感谢SZenC。@user3635683,不客气。若要使此答案对其他人可见,请接受它。当然,我该如何做?您应该单击答案旁边的复选标记将其从灰色切换为绿色。