字型設定

字型設定
字型系列
字型大小
行高
字距

可能與實際介面略有差異。

字型家族

字型系列
預設
系統字型
粗細全部可用
100200300400500600700800900
編輯字型

可能與實際介面略有差異。

變更預覽

字型家族預覽

重點:
「字型家族」為此區主要設定重點。

影響:
會影響前台可讀性與操作體驗。

調整建議:
建議先用預設值建立基準,再逐步微調。

設定項目

  • 字型列表(預設 / System / 佈景主題)
  • 粗細(100~900)
  • 編輯字型

註解:
優先使用網站既有字體,可降低載入成本與視覺落差。

字型大小

字型大小
響應式設定OFFON
預設
自訂
編輯字型大小

可能與實際介面略有差異。

變更預覽

字型大小預覽

重點:
「字型大小」為此區主要設定重點。

影響:
會影響前台可讀性與操作體驗。

調整建議:
建議先用預設值建立基準,再逐步微調。

設定項目

  • 預設(預設 / 佈景主題 / 自訂)
  • 自訂尺寸
  • 單位(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 / %)
  • 響應式

註解:
字距變化要小幅度調整,避免中文斷讀感過強。