@不靈字體面的字體與子

Question

目前，我有如下的結構：

stylesheet.css 
fonts/webfont-1.woff 

使用@字體面在stylesheet.css中時，

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

不加載字體。

當我移動web字體，1.woff到同一文件夾中stylesheet.css中但是，並在stylesheet.css中更改爲@字體面參考：

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

的字體完全工作精細。我通過Shopify液體平臺進行此操作，因此我不確定這是否會影響到任何內容，但我們將不勝感激。我希望字體位於組織的子文件夾中，但當我嘗試這樣做時，它不會加載。

謝謝。

Answer 1

您是否嘗試使用絕對路徑在前面的'字體'文件夾名稱中添加斜線'/'？ 這樣的 - >src: url('/fonts/webfont-1.woff');

Answer 2

貌似限制來自Shopify。對於那個很抱歉！

Answer 3

只是爲了確認，Shopify中不能包含字體文件夾。您將不得不將文件存儲在資產文件夾中。