@ font-face在一个文件中工作，而不是在另一个文件中

Question

我在我的网站上使用@ font-face在我的样式表中设置了自定义字体设置。它在我的主页面上工作得很好，但如果我尝试通过另一个不同目录中的另一个html文件来读取相同样式表，所有样式除了字体外都可以正常工作。

样式表（style.css）和字体位于/ style /目录中。 HTML文件是一个子目录，和我读使用这个样式表：

<link href = "../style.css" type = "text/css" rel = "stylesheet"/> 

再次，它会使用所有的造型的除了自定义字体。为什么？

Answer 1

您应该始终使用绝对URL（包含完整域名和所有内容）或相对于域根目录（/path/to/font.ttf）的URL，以防止混淆字体是否相对于样式表或文档加载。