如何查找和使用電子郵件支持的字體以實現設計和可讀性

您是否曾經隨意創建電子郵件並選擇了您看到的第一種字體？ 點擊發送。 說好去嗎？

在電子郵件設計方面，您的字體選擇可以在訂閱者點擊或繼續之間產生巨大差異。 它們不僅有助於使您的電子郵件在視覺上更具吸引力，而且還可以提高整體可讀性。 外觀、排列和風格共同創造了一種獨特的排版——這是您的電子郵件可以發光的地方。

雖然使用傳統字體（如 Arial 或 Times New Roman）來傳達您的信息並沒有錯，但存在許多獨特的電子郵件支持字體，可以將您的活動提升到一個新的水平。

如果您想知道如何查找和使用電子郵件支持的網絡字體來推動您的電子郵件活動進入高潮——我們支持您！ 讓我們深入探討如何通過正確使用網絡字體來提高參與度和可讀性。

什麼是網頁字體？

在開始發揮創意之前，您需要了解網絡字體和網絡安全字體之間的區別。

• Web 安全字體：這些字體最有可能在所有主要操作系統和電子郵件提供商中找到，包括 Arial、Verdana、Georgia、Times New Roman 和 Courier。 品牌繼續使用這些，因為它們是經典的，並且會全面正確地呈現。

• Web 字體：專為網站設計和許可，默認情況下並非在所有設備和操作系統上都可以找到 Web 字體。 Web 字體包括 Roboto 和 Open Sans。

雖然有時您可能需要使用傳統字體，但網絡字體可讓設計師發揮更多創造力，幫助傳達品牌信息和美感，而不受限於預裝文本。

為什麼電子郵件支持的字體很重要？

作為電子郵件營銷人員，您知道在風格、顏色和排版上保持品牌形像很重要。 但是，您還需要創建一條與訂閱者產生共鳴的引人入勝的消息。 電子郵件支持的字體可作為您品牌的延伸，讓您可以利用標題、正文和圖像疊加層中的文本來創造性地且可訪問地設計您的信息。

如果你的品牌有點傻——你可以做大並使用有趣、時尚的類型。 但是，如果您更具有新聞價值，您可能想要堅持更標準的東西。 Web 字體為您提供了靈活性和創造力。

哪裡可以找到網絡字體？

雖然有很多網絡字體提供商，但您希望確保公司在電子郵件中許可網絡字體（不僅僅是網站或移動使用），並且您遵循他們的分髮指南。 推薦的電子郵件支持的字體供應商包括：

• 谷歌字體

• Adobe 的 Typekit

• 我的字體

• 商業類型

• 字體彈簧

• 字體店

哪些電子郵件客戶端支持 Web 字體？

當您超越網絡安全字體時，您將使用在打開消息時下載的字體。 需要注意的是，並非所有設備都支持特定字體——因此您將設置級聯樣式表來創建“字體堆棧”。 這些字體堆棧用作備份，以防您選擇的字體未集成。

選擇 Web 字體後，重要的是要考慮實際電子郵件服務提供商的顯示方式。 通常，這些電子郵件客戶端提供 Web 字體支持：

• iOS 郵件

• 蘋果郵箱

• Android（默認郵件客戶端）

• 展望 2000

• 展望網

• 雷鳥

如果電子郵件提供商不顯示 Web 字體——一切都不會丟失——這就是為什麼您將這些方便的字體堆棧設置為備份的原因。 字體堆棧將確保您的電子郵件仍然具有您最初想要的相似美感。 此外，每個電子郵件客戶端都有一個默認字體，訂閱者將看到它而不是您的網絡字體。 默認值包括：

• Gmail：宋體

• Apple 郵件：Helvetica

• Microsoft Outlook：Calibri

如何為您的電子郵件活動選擇正確的網絡字體

現在您已了解 Web 字體基礎知識，是時候探索為您的電子郵件營銷活動選擇正確排版的最佳方法了。 電子郵件支持的字體對於傳遞信息和提高點擊率和轉化率至關重要。

可以這樣想——人類是視覺的。 您有多少次在雜貨店購買產品只是因為其色彩鮮豔、有趣的包裝？ 電子郵件也是如此。 如果您的訂閱者不僅內容對他們有吸引力，而且還以視覺上吸引人的設計提供，則他們更有可能打開、點擊和購買您的電子郵件。

有數百種不同的網絡字體可供選擇，這裡有三種方法可以縮小您的選擇範圍，為您的營銷活動選擇最受電子郵件支持的字體。

1. 選擇正確的正文字體。

您的正文字體應該是可區分的，並且便於視力障礙者閱讀。 如果正文中有更多內容，建議使用襯線字體（例如 Georgia 和 Verdana），其文本塊較長。

雖然 Arial 和 Helvetica 曾經是流行的選擇，但像 p、b、q 和 d 這樣的字母看起來都太統一了，更難區分。 使用襯線字體時，會添加額外的筆劃以賦予字母更多字符。 由於電子郵件需要可掃描，因此寬且間距一致的字母有助於訂閱者快速閱讀。

資料來源：W3Schools

以 CAVA Dips 為例，它使用易於閱讀的襯線體字體，搭配更具風格的標題和號召性用語。

來源：非常好的電子郵件

雖然 serif 是較長電子郵件的理想選擇，但使用 sans serif 字體仍然是可讀和可接受的。 只有一行正文，Cater 2 Me 完成了他們的網頁字體設計。 它打了一拳，直奔主題而不會分散注意力。

來源：非常好的電子郵件

2. 使用帶有配對正文字體的風格化標題。

雖然這可能看起來更“簡單”，但對標題和正文使用相同的字體將有助於建立更好的品牌標識，並確保整個郵件都顯示在電子郵件客戶端中。 在開發電子郵件時，請確保標題和正文的大小不同，並具有不同的填充和样式，以更好地區分兩者。 同樣重要的是要注意，您擁有的網絡字體越多，您的電子郵件加載所需的時間就越長——這是僅使用一種字體的另一個優勢。

以 Lululemon 為例。 該公司使用的標題是正文文本的兩倍，兩者之間有足夠的填充。 訂閱者可以輕鬆區分這兩個元素，同時創建乾淨、經典的設計。

來源：非常好的電子郵件

但是，如果您想更具創意，將不同的字體搭配在一起以相互補充有助於在收件箱中脫穎而出並保持訂閱者的參與。 建議每封電子郵件只使用兩種網絡字體，但可能會很棘手，因為您不希望字體不可讀和無法訪問。 如果您正在尋找一種方法來發現可比較的字體，您可以利用字體對來幫助為您的電子郵件設計找到最具影響力的字體配對。

Tattly 在將兩種不同的字體搭配在一起方面做得很好，同時仍然符合他們的品牌標準。 標題會立即吸引您的注意力，並將您的眼睛吸引到身體上，以了解銷售內容。 由於圖像，你可以看出這個品牌更輕鬆——所以多種字體都有效。

來源：非常好的電子郵件

3. 創建一致的字體結構。

選擇 Web 字體後，您還需要考慮許多其他元素，例如字體大小、間距、鏈接和按鈕、顏色等。 無論您的訂閱者處於客戶旅程的哪個階段，這些功能都將有助於使您的電子郵件保持一致。

• 字體：對於正文，您的字體大小在桌面上應為 14 像素，在移動設備上為 16 像素。 使用響應式設計時，請確認您的電子郵件支持的字體會在屏幕尺寸之間自動波動。

• 間距：尤其是在標題和正文之間，確保行高在 22 像素和 24 像素之間。 太窄的空間會降低可讀性和參與度。

• 鏈接和按鈕：創建鏈接和按鈕時，不要使用單獨的字體來強調您的焦點短語並驗證它是否包含錨鏈接。 按鈕是一種很好的風格化方式，可以吸引對您的號召性用語的注意。

• 顏色：僅使用三種符合您品牌標準的顏色——一種用於標題，一種用於身體，最後一種用於鏈接。

包起來

如果您正在考慮在您的電子郵件活動中使用網絡字體——我們說去吧！ 網頁字體是吸引受眾並通過有影響力的電子郵件設計幫助將潛在客戶轉變為客戶的好方法。 選擇電子郵件支持的字體時，請務必：

• 創建備份字體堆棧

• 使用襯線字體樣式

• 將標題文本與正文文本配對

• 為所有未來的活動開發一致的字體結構

您準備好開始使用網絡字體設計您自己的電子郵件活動了嗎？ Emma 提供拖放式編輯器和完全從頭開始編寫電子郵件的功能。 立即試用演示以了解更多信息！