指南/樣式/變更字型大小

變更字型大小

在本指引中,你會學到如何調整段落區塊的字型大小、更新字型大小預設值,以及建立可套用至網站文字設計的自訂預設值。

調整特定內容的字型大小

你可變更段落區塊的字型大小,藉此提升文字可讀性或迎合網站設計。若要調整個別區塊的字型大小,請依照下列步驟操作:

  1. 按一下要編輯的段落區塊,例如「段落」、「標題」或「清單」區塊。
  2. 區塊設定側邊欄中,找到「文字設計」區段。
  3. 預設清單中選取字型大小 (例如小、中或大),或按一下「設定自訂大小」圖示,輸入特定的值。
    • 預設值是現成的字型大小選項,例如小或大,有助你維持整個網站的文字一致性。
  4. 依照預設,大小以像素為單位。按一下 px 文字即可變更測量單位。深入了解測量單位
  5. 你可預覽變更,或按一下右上角的「儲存」按鈕套用變更。
已選取設定自訂大小圖示,箭頭指向可輸入自訂大小的欄位。

💡

你也可以透過儀表板「外觀」→「編輯器」下的樣式選項,變更特定區塊的預設設定。

調整網站的字型大小

你可以依照下列步驟,調整整個網站元素的預設字型大小:

  1. 從網站儀表板前往「外觀」→「編輯器」
  2. 在左側選單中選取「樣式」。
    • 你也可以選取編輯器右上角的「樣式」圖示,該按鈕看起來像黑白圓圈。
  3. 按一下「文字設計」,編輯網站元素的預設字型大小。
  4. 在「元素」區段下,選擇下列任意者:
    • 文字
    • 連結
    • 標題
    • 說明文字
    • 按鈕
  5. 預設清單中選取字型大小 (例如小、中或大),或按一下「設定自訂大小」圖示,輸入特定的值
  6. 按一下「檢閱變更」或「儲存」套用變更。
編輯器中「樣式」的文字設計區段,醒目提示不同的文字元素選項。

編輯字型大小預設值

預設值是現成的字型大小選項,例如小或大,有助你維持整個網站的文字一致性。若要變更佈景主題的字型大小預設值,請依照下列步驟操作:

  1. 從網站的儀表板前往「外觀」→「編輯器」
  2. 按一下「樣式」選單選項。
  3. 選取「文字設計」選項。
  4. 按一下面板底端的「字型大小預設值」。
  5. 選取預設字型大小 (例如小、中或大)。
  6. 在「大小」方塊中輸入偏好的值,然後選擇單位 (px、em、rem、vh 或 vw)。
    • 啟用「浮動文字設計」選項,讓字型大小能隨畫面或檢視區動態調整。
    • 你也可選擇啟用「自訂浮動值」,自訂浮動字型大小的下限和上限值。
  7. 按一下「檢閱變更」或「儲存」套用變更。
文字設計設定中的字型大小預設選項。

建立新的字型大小預設值

若要新增自訂字型大小預設值以利重複使用,請依照下列步驟操作:

  1. 從網站的儀表板前往「外觀」→「編輯器」
  2. 按一下「樣式」選單選項。
  3. 選取「文字設計」選項。
  4. 按一下面板底端的「字型大小預設值」選項。
  5. 在「自訂」旁,按一下加號 (+)。新的字型大小預設值會以預設名稱顯示,例如「新字型大小 1」。
  6. 選取新的預設字型大小。
  7. 按一下右上角的省略符號 () 圖示,然後選取「重新命名」,為預設值輸入描述性名稱。
  8. 在「大小」方塊中輸入偏好的值,然後選擇單位 (px、em、rem、vh 或 vw)。
    • 啟用「浮動文字設計」選項,讓字型大小能隨畫面或檢視區動態調整。
    • 你也可選擇啟用「自訂浮動值」,自訂浮動字型大小的下限和上限值。
  9. 按一下「檢閱變更」或「儲存」套用變更。
自訂字型大小預設值的預設設定。

現在新的字型大小預設值可在整個網站的文字設計設定中使用,有助維持樣式的一致性。

Copied to clipboard!