字型設定
字型系列
字型大小
行高
字距
可能與實際介面略有差異。
字型家族
字型系列
預設
系統字型
粗細全部可用
編輯字型
可能與實際介面略有差異。
變更預覽
字型家族預覽
重點:
「字型家族」為此區主要設定重點。
影響:
會影響前台可讀性與操作體驗。
調整建議:
建議先用預設值建立基準,再逐步微調。
設定項目
- 字型列表(預設 / System / 佈景主題)
粗細(100~900)編輯字型
註解:
優先使用網站既有字體,可降低載入成本與視覺落差。
字型大小
字型大小
響應式設定
預設
自訂
編輯字型大小
可能與實際介面略有差異。
變更預覽
字型大小預覽
重點:
「字型大小」為此區主要設定重點。
影響:
會影響前台可讀性與操作體驗。
調整建議:
建議先用預設值建立基準,再逐步微調。
設定項目
- 預設(預設 / 佈景主題 / 自訂)
自訂尺寸單位(px / em / rem / vw)響應式編輯字型大小
註解:
手機端建議先確保最小可讀值,再回調桌機尺寸。
行高
行高
預設
預設
自訂行高
1.2
可能與實際介面略有差異。
變更預覽
行距預覽
重點:
「行高」為此區主要設定重點。
影響:
會影響前台可讀性與操作體驗。
調整建議:
建議先用預設值建立基準,再逐步微調。
設定項目
- 預設(預設 / Tight / Normal / Loose)
自訂行高單位(無 / px / em / rem / %)響應式
註解:
行高過低會讓按鈕內多行文字擁擠,建議先以 1.4 起步。
字距
字距
預設
正常
自訂值
0.05
單位
em
可能與實際介面略有差異。
變更預覽
字距預覽(0.05em)
重點:
「字距」為此區主要設定重點。
影響:
會影響前台可讀性與操作體驗。
調整建議:
建議先用預設值建立基準,再逐步微調。
設定項目
- 預設(Tight / Normal / Wide)
自訂值單位(px / em / rem / %)響應式
註解:
字距變化要小幅度調整,避免中文斷讀感過強。