@ 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液体平台这样做，所以我不确定这是否会影响任何事情，但非常感谢帮助。我希望将字体放在子文件夹中进行组织，但是当我尝试这样做时它不会加载。

感谢。

Answer 1

您是否尝试使用前面'fonts'文件夹名称中添加斜杠'/'的绝对路径？ 像这样 - ＆gt; src: url('/fonts/webfont-1.woff');

Answer 2

看起来限制来自Shopify。对不起！

Answer 3

要确认一下，您在Shopify中没有字体文件夹。您必须将文件存储在assets文件夹中。