使用手冊 取消

搭配 Accelerated Mobile Pages (AMP) 使用網頁字體

  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 更新的重點

CSS 內嵌程式碼可用來在 Accelerated Mobile Pages (AMP) 中納入自訂網頁字體。

選擇要使用的字體

請依照網頁字體教學課程選擇要使用的字體,並建立您的專案。

新增內嵌程式碼

若要尋找專案的內嵌程式碼,請造訪「網頁專案」頁面並找出專案名稱。複製該專案的內嵌程式碼,並將其貼到 AMP HTML 的 <head> 中。

AMP 中使用的預設 CSS 內嵌程式碼

在 CSS 中套用字體

要在 CSS 中使用的字體系列名稱也會列在網頁專案中,該字體會為您的文字增添風格;請進一步了解如何在 CSS 中使用字體。

 

 Adobe

更快、更輕鬆地獲得協助

新的使用者?