css - 字体文件夹未正确链接

Question

这是我在根文件夹中的结构：css/fonts/和books/book1.html

在 css 文件夹中，我有一个样式表，其中包含指向字体文件夹的链接，例如：src: url('/font/fontName.ttf');

在书籍文件夹中，我通过以下方式链接样式表：<link rel="stylesheet" href="../css/stylesheet.css" type="text/css" charset="utf-8">

我有一个： body { color: red }在样式表中，所有颜色都按预期进行。但是，由于某种原因，没有加载字体。当我将 book1.html 移到书籍文件夹之外，并将样式表链接更改为： <link rel="stylesheet" href="css/stylesheet.css" type="text/css" charset="utf-8">

有人可以帮忙吗？

Answer 1

很难从图像中完全理解您的文件/文件夹结构，但这在您的 css 中有效吗？

src: url('./font/fontName.ttf');

（我在你的正斜杠前加了一个点）

Answer 2

如果您更改以下内容：

url('/font/fontName.ttf');

至：

url('/css/fonts/fontName.ttf');

无论您的 css 文件在目录结构中的哪个位置，它都可以工作。