html - @font-face 不适用于带有子文件夹的字体

Question

我目前的结构如下:

stylesheet.css
fonts/webfont-1.woff

在 stylesheet.css 中使用@font-face 时，

src: url('fonts/webfont-1.woff');

不加载字体。

当我将 webfont-1.woff 移动到与 stylesheet.css 相同的文件夹时，并将 stylesheet.css 中的 @font-face 引用更改为:

src: url(webfont-1.woff');

字体完全没问题。我正在通过 Shopify liquid 平台执行此操作，因此我不确定这是否会影响任何内容，但我们将不胜感激。我希望字体位于用于组织的子文件夹中，但是当我尝试这样做时它不会加载。

谢谢。

Answer 1

您是否尝试过在“字体”文件夹名称前添加斜杠“/”的绝对路径？像这样 --> src: url('/fonts/webfont-1.woff');