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

@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 標誌

登入您的帳戶