使用手冊 取消

使用字體顯示設定自訂網頁字體效能

  1. Adobe Fonts 使用手冊
  2. 簡介
    1. 系統和訂閱需求
    2. 瀏覽器和作業系統支援
    3. 在您的電腦上新增字體
    4. 將字體新增至您的網站
    5. 在 CC Mobile 上新增字體
  3. 字體授權
    1. 字體授權
    2. 管理您的帳戶
    3. 適用於企業的 Creative Cloud 客戶的授權
    4. 將字體授權新增至您的帳戶
    5. 從訂閱資料庫中刪除字體
    6. Adobe Fonts 不適用於在中國註冊的 Adobe ID
    7. 為什麼我的 Creative Cloud 訂閱未包含這些字體?
    8. Morisawa 字體移除 2021 年 9 月
  4. 取得及使用字體
    1. 在 Creative Cloud 應用程式中使用 Adobe Fonts
    2. 管理您的字體
    3. 解決桌面應用程式中缺少字體
    4. 在 InDesign 中使用字體
    5. 字體和印刷樣式
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 在 InCopy 中使用字體
    8. 如何在 Adobe Muse 中使用字體
    9. 在 Muse 中使用網頁字體
    10. 封裝字體檔案
    11. 疑難排解指南:新增字體
    12. 新增字體未顯示在字體選單中
    13. 「無法新增一或多個字體」或「已安裝相同名稱的字體」
    14. 當字體發行公司更新我正在使用的字體時,會發生什麼狀況?
  5. 網頁設計和開發
    1. 將字體新增至您的網站
    2. 疑難排解指南:將字體新增至網站
    3. 在 HTML 電子郵件或電子報中使用網頁字體
    4. 搭配 Accelerated Mobile Pages (AMP) 使用網頁字體
    5. CSS 選擇器
    6. 使用字體顯示設定自訂網頁字體效能
    7. 內嵌程式碼
    8. 動態子集和網頁字體服務
    9. 字體事件
    10. 為什麼我的網頁字體來自 use.typekit.net?
    11. 網站無法連線至 use.typekit.net
    12. 透過 CodePen 使用網頁字體
    13. 瀏覽器和作業系統支援
    14. 網域
    15. 在本機開發時使用網頁字體
    16. 內容安全原則
    17. 列印網頁字體
  6. 語言支援和 OpenType 特性
    1. 語言支援和子集
    2. 使用 OpenType 特性
    3. CSS 中 OpenType 特性的語法
  7. 字體技術
    1. OpenType-SVG 彩色字體
    2. Ten Mincho:從版本 1.000 更新的重點

了解如何使用字體顯示設定來修改網頁字體效能。

字體顯示設定可讓您指定如何在網頁瀏覽器中載入網頁字體並套用到您的網站。有五個字體顯示選項:

字體顯示值

行為 

自動

允許瀏覽器以其預設方法載入字體。

封鎖

隱藏網站上的文字,直到下載了網頁字體。您的網站訪客可能會看到隱藏文字的 Flash 或含有此選項的 FOIT

交換

顯示在 CSS 中設定的後備字體直到網頁字體下載。您的網站訪客可能會看到無樣式文字的 Flash 或含有此選項的 FOUT

後備

在短時間內使用封鎖行為,然後切換到交換行為並將後備字體套用到文字。如果在交換期結束之前尚未載入網頁字體,則仍然使用後備字體。

選擇性

在短時間內使用封鎖行為,然後將後備字體套用到文字。該值使網頁瀏覽器可以選擇根本不下載網頁字體,例如,如果網站訪客的網際網路連線速度很慢。

如需字體顯示和支援值的技術詳細資訊,請參閱「CSS 字體模組等級 4 規格」。

註解:

根據預設,使用字體顯示建立的網頁字體專案設定為自動

若要自訂字體顯示設定,請依照下列步驟進行:

  1. 在您的網頁專案頁面中,按一下「編輯專案」。

    編輯專案
    編輯專案

  2. 從側邊欄中選取以下任一字體顯示值。根據預設,網頁字體專案的字體顯示設定是設為自動

    font display settings

  3. 請按一下「儲存變更」並在幾分鐘內將字體顯示值套用到您的網站。

新的字體顯示設定將作為現有內嵌程式碼的一部分自動包含在您的網站中。

更新現有的網頁專案

已新增字體顯示支援到 2020 年 9 月的 Adobe 網頁字體載入中。2020 年 9 月之前建立的網頁專案已更新為使用預設字體顯示:自動行為。

透過遵循上述步驟,可以變更任何現有專案的字體顯示設定。一旦儲存變更,新的字體顯示設定將作為現有內嵌程式碼的一部分包含在您的網站中。您不需要變更網站本身。

 Adobe

更快、更輕鬆地獲得協助

新的使用者?