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

【问题标题】：@font-face not working for fonts with subfolder@font-face 不适用于带有子文件夹的字体
【发布时间】：2017-05-14 14:37:15
【问题描述】：

我目前的结构如下：

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 液体平台执行此操作，因此我不确定这是否会影响任何事情，但我们将不胜感激。我希望将字体放在组织的子文件夹中，但是当我尝试这样做时它不会加载。

谢谢。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

看起来限制来自 Shopify。很抱歉！

【讨论】：

【解决方案3】：

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

【讨论】：