使用手冊 取消

在 HTML 電子郵件或電子報中使用網頁字體

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

@import CSS 內嵌程式碼可用來在 HTML 電子郵件或電子報中納入自訂網頁字體。

註解:

JavaScript 字體載入是用於 Adobe 的動態子集 (這是東亞網頁字體服務所需)。由於沒有 CSS 內嵌程式碼選項,所以這些網頁字體 (包括支援中文、日文和韓文的字體) 無法在 HTML 電子郵件中使用。

選擇要使用的字體

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

新增內嵌程式碼

若要尋找專案的內嵌程式碼,請造訪「網頁專案」頁面。找出專案名稱,然後按一下「@import 連結」選項。

將包含 @import 內嵌程式碼的 <style> 標記新增到電子郵件的 <head>,連同字體系列名稱。

HTML 電子郵件中使用的 @import 內嵌程式碼

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

註解:

@import 內嵌程式碼必須位在包含其他任何 @import 陳述式的 <style> 標記的開頭,否則無法載入字體。只允許 @charset 項目列在 @import 字行之前。

電子郵件用戶端對網頁字體的支援

某些電子郵件用戶端不支援 HTML 電子郵件或電子郵件中的網頁字體,這會影響您的收件者看到的內容。請確定電子郵件中有指定備用字體,並在傳送電子郵件之前先進行測試,使其可以在所有用戶端正常顯示。

以下簡短清單列出常用電子郵件用戶端以及其與網頁字體之間的相容性。

用戶端名稱

是否相容?

AOL Mail

Android 郵件應用程式 (原生,非 GMail)

Apple 郵件

GMail

Google Inbox

iOS 郵件


Outlook 2000

Outlook 2011 (OS X 10.10+)

Outlook 2016 (OS X 10.10+ 和 Windows 10)

刪除專案或取消訂閱

如果您刪除電子郵件促銷活動中所使用的專案或取消代管該專案的訂閱,則將無法再提供字體給所有已發送的電子郵件使用。您指定的備用字體或電子郵件用戶端的預設字體將取而代之。

 Adobe

更快、更輕鬆地獲得協助

新的使用者?

Adobe MAX 2024

Adobe MAX
創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX

創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX 2024

Adobe MAX
創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX

創意大會

10 月 14 至 16 日邁阿密海灘和線上