shopify的主題一般使用google字體或者shopify內置的字體。但有時候這些字體不符合我們的需求,我們就需要自定義主題的字體了。各個主題的自定義字體的方式可能不太一樣,我有在網上看到一篇自定義字體的文章,忘記是誰寫的了,應該是有效的,但好像不適用於我的這個主題,我也沒有進行嘗試,不知道效果。反正最后我是按照自己的方式設置了自定義字體了,在這里記錄一下。
因為我這主題的字體設置是勾選選擇應用google字體或者shopify字體,所以,我想再添加一個判斷條件,選擇自定義字體。
首先,在“Config”的“setting_schema.json”文件中找到“Typography”下的大概“SHOPIFY FONTS”的下一個位置,這個隨意了,放在最后也行,輸入以下代碼,添加單選按鈕以及輸入框。保存之后,在“Typography”的下面會出現以下的內容。
然后,在這個主題的theme.liquid文件中有一段代碼是進行字體的選擇的。我復制了這段代碼然后進行了一些修改。
然后,需要上傳文字文件到”settings”->”file”,復制字體的url。
然后在theme.css.liquid的文件里添加以下代碼,加載字體。
這樣操作之后,我們勾選“Custom Font”后,font-family的名稱就進行了更改,替換了字體。