header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Studio 編輯器:使用網站文字設計

透過設定網站文字設計,確保客戶網站的設計保持一致。「網站樣式」面板中的此區域分為「 字型」和「 文字樣式」,您可以分別進行自訂以符合所需的視覺效果。

字型與文字樣式

字型」區段會顯示網站文字樣式中使用的所有字型。在「 字型」區段中變更字型時,系統會自動更新所有使用舊字型的文字樣式。
文字樣式 是指網站上使用的個別文字類型(例如:標題 2、段落 1)。
「網站樣式」面板中的「文字設計」索引標籤,顯示「字型」和「文字樣式」區段,並將游標懸停在字型上以進行更新
提示:
H1 - H6 是自動指派給這些標題的 標題標籤。根據標題標籤保持標題由上而下的階層結構,有助於提升 SEO 和無障礙功能。

更新網站文字設計

透過更新客戶網站的文字設計來翻新設計。您可以變更網站字型,或調整 9 種獨立文字樣式(6 個標題、3 個段落)的外觀。

若要更新文字設計:

  1. 點擊編輯器左側的 網站樣式
  2. 點擊 文字設計 索引標籤。
  3. 選擇要自訂的項目 ── 字型或文字樣式:
    • 字型:
      1. 點擊 字型 下方要更新的字型。
      2. 從下拉選單中選擇新字型。
      3. 點擊 更新 即可套用新字型。
    • 文字樣式:
      1. 點擊 文字樣式 下方要更新的文字樣式。
      2. 根據需求自訂文字樣式:
        • 從下拉選單中選擇新字型。
        • 選擇字型大小。
        • 設定文字 按比例調整,使其在各種畫面尺寸上皆能呈現理想外觀,並以像素 (px) 為單位設定最大與最小尺寸。
        • 將文字設為粗體及/或斜體。
        • 設定行間距與字元間距。
        • 選擇文字色彩。
      3. 點擊左上角的 箭頭 圖示 即可返回主面板。
網站樣式面板中已開啟標題 6 的編輯文字選項。游標正啟用按比例調整文字切換開關。

將文字樣式套用至頁面

建立客戶網站的文字設計後,即可輕鬆新增具有相關字型和文字樣式的文字元件。
前往新增元件面板以新增主題標題與段落。點擊 文字 並將 文字主題 下方的相關樣式拖曳至所需地點。
主題元件已連結至網站文字設計,因此若對「網站樣式」面板進行任何變更,這些元件也會自動更新。
新增元件面板中可用文字主題的螢幕截圖。主題文字副標題已強調顯示。

將樣式套用至文字元件

您也可將樣式套用於頁面上現有的文字元件。點擊元件上的 編輯文字,並從 檢驗器 的下拉選單中選擇相關 樣式
這會將元件連結至所選文字樣式,代表若在「網站樣式」面板中進行任何變更,該元件也會自動更新。
檢驗器中設計區段的裁切螢幕截圖。樣式下拉選單已強調顯示。

覆蓋文字樣式

若在為文字元件選擇樣式(主題)後變更其設計,即代表正在建立「設計覆寫」。這表示對所選樣式的任何更新都不會套用至此文字元件。
您可將帶有覆寫設定的文字元件重設為原始樣式。點擊 樣式 下拉選單並選擇 重設變更
您也可以選擇「 更新樣式」將進行的覆寫套用至實際文字樣式。這也會更新客戶網站中所有使用此樣式的文字元件。
檢驗器中的文字設計索引標籤。游標正浮動於樣式選單中的重設變更選項上。

啟用備援字型

正在使用大型自訂字型?啟用備援字型即可最佳化網站表現。這些字型載入速度較快,且在背景下載自訂字型時,會暫時顯示於已上線網站。 瞭解更多備援字型資訊

若要啟用備援字型:

  1. 前往編輯器
  2. 點擊左上角的 Wix Studio 圖示
  3. 將滑鼠游標懸停在 網站 上。
  4. 點擊 表現
  5. 點擊 使用備援字型最佳化載入 即可啟用。
游標正懸停在表現下方的備援字型設定。該設定已啟用。
實用資訊:
啟用後,該設定會顯示勾選標記。