在電子郵件中使用自訂字型
在瞬息萬變的行銷領域,將設計、美觀和協助工具結合起來非常重要。 印刷樣式,尤其是網頁字型的使用,對於實現這種和諧至關重要。 本文告訴您如何在 Customer Insights - Journeys 行銷管道中使用網頁字型,確保這些管道既有吸引力又易於使用。
注意
管道包括電子郵件、表單和事件管理。
了解網頁安全字型與網頁字型
網頁安全字型與網頁字型之間的主要區別在於這些字型的載入來源。
- 網頁安全字型:從本機字型目錄中提取時,網頁安全字型提供可靠性。 大多數電腦上都已預先安裝 Arial、Helvetica 和 Times New Roman 等常見選項。
- 網頁字型:網頁字型是從 Google 或 Adobe 等伺服器提取,擴大了您的選擇範圍,但會在電子郵件用戶端、系統和瀏覽器字型支援方面帶來挑戰,這是 Customer Insights - Journeys 中的重要考量因素。
字型在 Customer Insights - Journeys 中的運作方式
您透過 Customer Insights - Journeys 管道所傳送訊息中的程式碼會使用字型家族 CSS 屬性,將字型宣告為單一字型,或宣告為有多個字型的堆疊以供遞補。 這種區別為理解網頁字型和網頁安全字型奠定了基礎。
Customer Insights - Journeys 中的電子郵件用戶端支援
要成功整合網頁字型,就必須掌握字型支援的動態。 以下是各個主要電子郵件用戶端對網頁字型支援的快照:
用戶端 | 支援 |
---|---|
Outlook 2013-2021 | ✘ 否 |
Apple 郵件 | ✓ 是 |
Gmail 應用程式 | ✘ 否 |
Windows 11 | ✘ 否 |
Mac 版 Outlook | ✓ 是 |
Outlook Office 365 (Win 和 Mac) | ✘ 否 |
iOS | ✓ 是 |
Samsung 郵件 | ✘ 否 |
AOL 郵件 | ✘ 否 |
Outlook 應用程式 | ✘ 否 |
Samsung 郵件 | ✘ 否 |
AOL 郵件 | ✘ 否 |
Gmail | ✘ 否 |
Office 365 | ✘ 否 |
Outlook.com | ✘ 否 |
Yahoo! 郵件 | ✘ 否 |
探索 Customer Insights - Journeys 的網頁字型
對於 Customer Insights - Journeys,尋求完美的網頁字型時,需要探索各種來源:
- 網頁字型服務:Type Network 和 Fontspring 等付費服務提供廣泛的選擇。 確保取得 Customer Insights - Journeys 的適當授權。
- Google Fonts:可免費下載,用於設計模擬示範。
- Adobe 字型:包含在 Creative Cloud 訂閱中。
實作 Customer Insights - Journeys 電子郵件中的網頁字型
您可移至電子郵件或表單設計師中的主題索引標籤或品牌設定檔中的主題索引標籤,內嵌字型以供使用。
若要內嵌新字型,請向下捲動至新增自訂字型下拉式選取,並選取下列其中一個選項:
瀏覽資源庫:從資源庫上傳字型檔案。
- 步驟 1:選取瀏覽資源庫之後,您會看到可供使用的自訂字型清單。
-
步驟 2:從可用字型清單選取,或上傳新字型。
上傳字型檔案:匯入系統上儲存的字型檔案。
- 步驟 1:從新增自訂字型下拉式清單選取上傳字型檔案。
- 步驟 2:從系統中選取相應的字型檔案。
使用 URL 新增字型:您可以取得字型檔案 URL 來匯入字型。
注意
使用線上網頁字型服務時,通常有五個檔案格式可供選擇:.eot、.woff、.woff2、.svg 和 .ttf。 .woff 和 .woff2 格式與電子郵件最相容,因此建議您盡可能使用其中一個或兩個格式。
範例:使用 Google Fonts 透過 URL 新增字型
以下是使用 Google Fonts 做為網頁字型服務,將網頁字型匯入至電子郵件的常見 @font-face 宣告:
將下列 HTML 貼入瀏覽器索引標籤中:
https://fonts.googleapis.com/css?family="fontName"
例如,就 Noto Sans 字型而言,您可以貼上:https://fonts.googleapis.com/css?family=Noto+Sans
。注意
此資訊可在 Google Fonts 頁面的側邊導覽中取得。
複製 @font-face 拉丁文版本的 URL。
將其貼入使用 URL 新增字型對話方塊中。
瀏覽網頁字型授權
建立行銷活動時,遵守網頁字型的授權需求至關重要。 雖然大多數提供者都允許使用,但遵守個別授權合約至關重要。 請洽詢字型提供者,以了解有關在 Customer Insights - Journeys 中取得授權的準確詳細資料。
Customer Insights - Journeys 中字型的前瞻未來
將網頁字型整合至 Customer Insights - Journeys 中,可以提升您的品牌。 不過,最重要的是嚴密的測試。 利用 Customer Insights - Journeys 測試工具,並在各個環境中進行驗證,以確保完美無瑕的遞補。