您可透過兩種方式設定網店字型

一、佈景主題內建字型更換

二、修改語法更換其他非內建的字型 

 

一、佈景主題內建字型更換

1. 前往「佈景主題」 > 「客製化佈景主題」> 「General」

2.利用「Body text」 or 「Heading text」進行更改。

二、修改語法更換其他非內建的字型 

1. 字型選擇

建議您使用Google Fonts網站內提供的字型:

英文字型這裡找
繁體中文字型這裡找
簡體中文字型這裡找

📍以下以Google Fonts舉例說明繁體
  
( 1 ) 選擇您想使用的字型,並點選右上角「+」加入選單中

( 2 ) 修改HTML/CSS
前往「佈景主題」> 「 HTML/CSS」


第一部分

複製紅框1中的編碼,並貼至「layout」> 「theme.liquid」> 第16行,點選儲存

舉例:<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed" rel="stylesheet">

或是
<style>
@import xxxxxxxx
</style>

第二部分:

1. 新增Body字型選項

複製紅框2與3,

                {
                  "value": "紅框2 ,紅框3",
                  "label": "紅框2",
                  "group": "紅框3"
                },
(請注意:紅框2包含" ' ' ")
前往「config」>「settings_schema.json 」>  找到"id": "body_font_family" ,並將其放置於任一行即可,您可以參考以下截圖設置

2 .新增Heading字型選項
 

複製紅框2與3,
               {
                  "value": "紅框2 ,紅框3",
                  "label": "紅框2",
                  "group": "紅框3"
                },
(請注意:紅框2包含" ' ' ")
前往「config」>「settings_schema.json 」>  找到"id": "heading_font_family" ,與body_font_family的設置相同

第三部分:
回到「佈景主題」> 「客製化佈景主題」> 「General」> 選取您新設置的字型 > 點選「Save」。

Did this answer your question?