到目前為止，大多數擁有忠實追隨者的企業已經完全接受了電子郵件營銷所提供的一切。電子郵件訂閱，自動回覆，你的名字。電子郵件營銷一直是一種始終如一的方式，可以讓您隨時瞭解客戶需求的脈搏，同時推廣您提供的所有最新產品或服務。
您可以在客戶離開您的網站後很久才能接觸到他們，這一事實非常強大。但是，任何舊電子郵件都不行。您如何呈現您的電子郵件內容是吸引注意力和鼓勵客戶實際閱讀您的電子郵件而不是在看到時刪除它們的重要部分。
設計在這裡起著至關重要的作用。但可能最重要的方面之一是您的字型選擇。電子郵件安全字型使客戶更容易閱讀您要說的內容，這意味著您更有可能獲得這種轉換。
這就是我們今天要在這裡討論的內容。
什麼是電子郵件安全字型？
為您的電子郵件使用精美的字型很誘人。畢竟，你想給人留下積極的印象。你想讓你的內容脫穎而出。但是，特殊字型並不總是在所有電子郵件客戶端中正確顯示。事實上，如果不支援某種字型，電子郵件客戶端最終可能會使用備用字型，這可能會打亂您的預期語氣，或者最壞的情況是模糊您內容的易讀性。
這就是為什麼強烈建議您僅在建立電子郵件營銷內容時堅持使用電子郵件安全字型。我們稍後會詳細介紹。但首先，讓我們簡要討論一下好的字型選擇實際上如何對您的轉化率產生巨大影響。
好的字型如何提高轉化率
大多數人在電子郵件上只花費11秒。這意味著您選擇的任何字型都需要可讀和可掃描。他們需要提供“一目瞭然”的便利。通常，這意味著依賴每個人都已經熟悉的標準字型。聽起來很無聊？另一種情況更糟。事實上，人們閱讀花哨字型的時間是原來的兩倍。如果人們只在一封電子郵件上花費 11 秒，那就浪費了很多時間。
Script vs. Sans serif閱讀時間
然而，影響轉換的不僅僅是您選擇的字型。您選擇的字型大小也很重要。事實上，根據Click Laboratory進行的研究，稍微增加字型大小會對您的轉化率產生巨大影響。
該研究涉及將設定為Arial字型的文字塊從10pt增加到13pt。文字行之間也增加了更多的空間。13pt版本的字型表現要好得多，因為內容現在更容易閱讀並且更易讀。
這個微小的變化將跳出率降低了10%，並將轉化率提高了133%！都是因為將字型大小提高了兩點！
您的字型選擇也有心理因素。這主要適用於徽標，但在您選擇電子郵件字型時記住這些資訊是值得的。某些型別的字型具有與之相關的某些“感覺”。根據Crazy Egg的說法，五種主要字型型別會引發不同的情緒或聯想：
襯線字型
例子包括Times New Roman、巴斯克維爾和喬治亞州。襯線字型散發出一種可敬、可靠和傳統的感覺。老品牌（或那些希望看起來好像已經存在了幾十年的品牌）充分利用這些字型來灌輸信心。 Tiffany & Co的標誌就是一個很好的例子。
Tiffany & Co
Vogue，也是類似的字型：
Vogue
無襯線字型
示例包括Helvetica、Calibri和Franklin Gothic。無襯線字型散發出乾淨、簡單、直接的現代外觀。這些字型給人以可靠和穩定的印象。無襯線字型非常企業化。Netflix品牌使用的是無襯線字型：
Netflix
現代字型
例子包括Futura和Century Gothic。現代字型可以顯得時尚、別緻或給人一種整體的力量感。Hulu的標誌是使用現代字型的一個流行例子：
Hulu
Script字型
示例包括Edwardian Script和Bickham Script。Script字型可能不是在您的電子郵件中使用的明智選擇。但是，它們在用於徽標時確實會產生影響，並且可能適用於圖形元素。Coca-Cola是一個使用良好的Script字型的永恆示例：
Coca-Cola
顯示字型
例子包括Cooper和Valencia。通常與顯示字型相關的詞語和感覺包括個性或獨特性、友好性或表現力。對於徽標（可能還有標題），顯示字型可以產生真正的影響並脫穎而出。迪士尼提供了世界上最著名的標誌之一，它具有顯示字型：
Disney
考慮到這些資訊，我們現在可以繼續討論如何為電子郵件選擇最佳字型。
電子郵件排版：如何選擇最佳字型
您現在知道了可用的五種基本字型型別（我想是符號除外）。而且您知道不同的字型型別會在您的客戶中產生不同的情感。但是，瞭解可口可樂使用的字型型別如何轉化為為您的電子郵件通訊選擇正確的字型？
您選擇在公司電子郵件中使用的任何字型都需要包括以下4種品質：
質量#1：可讀性
我們已經提到過這種品質，但它值得重複，因為它是迄今為止最重要的。如果您的字型不清晰，沒有人將能夠閱讀您的電子郵件。如果它們不能被閱讀，你當然不能指望轉換，現在可以嗎？
質量#2：清晰度
乾淨、清晰的字型和精確的線條在您的電子郵件副本中效果最佳。沒有華麗或花體字。當然，超細或超輕的線條也沒有。更大的字型大小也更好。讓你的字型比通常的大一兩磅，確保字型粗細合適（但不是粗體），並以1.15的行距為目標。
品質#3：心理上合適
如上所述，某些字型型別具有與之相關的特定感覺。確保您選擇的字型適合您試圖通過內容傳達的整體情緒以及內容的目的。例如，如果你想賣東西，看起來可靠或作為權威人物可能是有益的。
質量#4：品牌合適
同樣，您選擇的任何字型都應該對您的行業或利基市場具有邏輯意義。如果您的公司有一種老式的感覺，那麼使用超現代或顯示風格的字型就不合適了。同樣，如果您經營一家以技術為基礎的公司，質樸或正式的東西可能也不適合。這一切都歸結為感覺正確。
8種最佳電子郵件字型
我們已經定義了電子郵件安全字型。我們還討論瞭如何縮小字型選擇範圍。但是現在是時候詳細瞭解哪些字型實際上是電子郵件安全的，以及如何在不犧牲可讀性或損害轉換率的情況下跳出框框思考。
基本的電子郵件安全字型
大多數電子郵件客戶端都可以識別一組基本的可讀（儘管很無聊）的電子郵件安全字型。現在讓我們來看看其中的每一個。
Arial
Arial
Arial是一種非常常用的字型。它最初由Monotype Imaging的Patricia Saunders和Robin Nicholas於1982年建立。雖然最初設計用於IBM鐳射印表機，但它已成為Web內容的最愛。
Verdana
Verdana
Verdana是一種在設計時考慮到螢幕顯示的字型。它由Matthew Carter開發，具有寬字元和每個字元之間的大間距，以提高螢幕上的易讀性。這是大多數電子郵件客戶端支援的另一種主要選擇。
Helvetica
Helvetica
然後是Helvetica，這是目前最流行的字型之一。它清晰易讀，並且受到大多數文書處理程式、電子郵件客戶端和Web瀏覽器的支援。
Georgia
Georgia
Georgia是電子郵件客戶端支援的另一種常見字型。它本質上是易讀的，具有大間距的字母，並使用使每個字母不同的字元設計以防止混淆。常規權重和粗體權重之間也有很好的差異，這使其有助於增加重點。
Tahoma
Tahoma
Tahoma是大多數電子郵件客戶端支援的另一個選項。它是Windows作業系統上最流行的無襯線字型系列之一。它的建立考慮了螢幕顯示，即使字型更小，也能實現清晰易讀。它最初是由馬修卡特建立的。
Lucida
Lucida
或者，您可以使用Lucida，這是另一個優先考慮簡潔線條、清晰風格和獨特字型的無字型系列。字母間距比標準更寬，每個字元也更高一些，增加了更多易讀性元素。
Trebuchet
Trebuchet
Trebuchet是另一種可用的選項，您可以輕鬆地在電子郵件設計中使用它。它由Vincent Connare於1996年建立，是一種無襯線字型。它專為螢幕閱讀而設計，具有更大的行高、圓形邊緣和更寬的字元間距。
Times New Roman
Times New Roman
最後是Times New Roman字型，其實不需要太多介紹。它具有傳統外觀，通常用作文書處理程式中的預設字型選擇。它在螢幕上和印刷中都清晰易讀。
您的電子郵件客戶端可能可以訪問其他字型，但上述字型是最易讀和最常見的。
自定義電子郵件字型
如果基本字型選擇對您沒有吸引力，還有另一種選擇。您可以改用HTML字型來建立更自定義的外觀。但是，重要的是要注意，並非每個電子郵件營銷服務都可以或將正確顯示Web字型。
但首先，讓我們停下來討論一下網路字型是如何工作的。
網路字型的工作原理
顧名思義，Web字型僅存在於Web上。它們不包含在作業系統、裝置、應用程式或軟體中。它們線上存在，然後可以通過程式碼片段、外掛和其他方式新增到您的專案中。通常，您會發現網站上使用的網路字型。目前有幾個電子郵件客戶端支援使用網路字型，包括：
- 安卓郵件
- 蘋果郵件
- iOS郵件
- Outlook 2000
- Outlook.com應用程式
- Thunderbird
但是，並非所有這些電子郵件客戶端都以相同的方式支援Web字型。有些只需要一個連結，而另一些則需要一個匯入網路字型的程式碼片段。稍後會詳細介紹。首先重要的是要承認，即使電子郵件客戶端不支援您選擇的網路字型（或其包含方法），您的內容也不一定看起來很糟糕。
大多數電子郵件客戶端都包含一個後備選項。也就是說，如果您的電子郵件中包含的網路字型無法正確載入，電子郵件客戶端將提供備用字型。它通常是我們上面列出的通用選項之一，但這裡的好處是a）您的內容仍然清晰易讀，b）您的內容看起來不會差一半，因為標準字型成為標準字型（它們易於閱讀），以及 c）您通常可以選擇要用作後備的字型。
為了讓您瞭解我們的意思，Gmail的預設字型是Arial，而Apple Mail使用Helvetica。Outlook使用Calibri，而iOS使用San Francisco（Apple專門為其裝置建立的字型，深受Helvetica Neue的啟發。
如果您決定使用網路字型，您應該在啟動之前在各種平臺上對其進行測試。
一些電子郵件營銷服務已經包含網路字型支援。例如， Campaign Monitor在其拖放式電子郵件構建器中包含多個Web字型選項，並且會自動為您設定後備選項，無需大驚小怪。
Campaign Monitor網頁字型
如果您的電子郵件營銷平臺本身不包含網路字型支援，您可能可以通過程式碼新增它。
有幾個程式碼片段可用於在HTML電子郵件中嵌入Web字型。
<link>
使用<link>將網路字型新增到您的電子郵件是一種流行的選擇。您選擇的任何網路字型都會為您定義URL。因此，如果您自己託管字型，請將其更改為您網站上字型的URL。如果字型由網路字型銷售商託管，請使用他們提供的URL。
您將把程式碼片段放在電子郵件程式碼的<head>部分。它應該出現在開頭。大多數電子郵件客戶端都支援此方法，並且載入速度相當快。但是，如果Web字型檔案較大，您可能會遇到一些問題。
因此，如果您從Google Fonts獲取網路字型，在選擇字型樣式並選擇link作為首選嵌入方法後，您將看到以下內容：
谷歌字型上的Roboto
@import
將網路字型新增到電子郵件的另一種方法是使用@import。這個超級簡單，在大多數電子郵件客戶端上也能很好地工作。唯一的問題是一些舊版本的Android。
與<link>程式碼片段一樣，您也將在電子郵件的<head>部分插入@import。同樣，在Google字型中，這是您在選擇字型、樣式並單擊@import旁邊的氣泡後看到的內容：
@import用於Roboto字型
如果您使用不同的網路字型服務，您可能不會得到這樣的嵌入程式碼，而是需要自己輸入程式碼片段。使用您的網路字型服務為您提供的URL，或者如果您選擇自己託管字型，請使用伺服器上的相應連結。
@font-face
這條規則使您可以從伺服器下載字型或託管它們，以便它們可以在網站上使用，或者在這種情況下，在您的電子郵件中使用。它的工作方式與前兩種方法類似，因為它會即時下載字型，以便您的網站或電子郵件訊息可以使用它們。與此處討論的所有其他方法一樣，您將此程式碼片段貼上到電子郵件HTML的<head>部分。
因此，根據Mozilla的說法，如果您要將Open Sans字型新增到您的電子郵件中，您將使用以下程式碼片段：
@font-face{
font-family:"Open Sans";
src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff")format("woff");
}
指定Web替代字型
雖然您總是希望您精心選擇的網路字型能夠正常工作，但情況並非總是如此。無論是由於伺服器錯誤還是系統相容性，最好不要讓選擇的後備選項碰運氣。因此，再次使用@font-face，您實際上可以指定要使用的本地字型，以防無法下載您喜歡的網路字型。
我們可以使用上面引用的相同程式碼片段，只需修改它以包含備用字型選項：
@font-face{
font-family:"Open Sans";
src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff")format("woff");
local("Helvetica")
}
在哪裡可以找到要在電子郵件中使用的Web字型
網上有幾個地方可以獲取網路字型。請注意他們的任何許可要求。每個站點可能有您需要遵循的不同規範，因此請記住這一點。
- Google Fonts：這是目前查詢網路字型最受歡迎的地方之一，它提供了一個開源的字型庫，可以隨時隨地使用。它目前具有1,020個字型系列。
- Fonts.com：這是從桌面到網路字型的各種字型的另一個絕佳資源。它實際上是Monotype商店，擁有超過150,000種字型可供瀏覽和購買。
- Typography.com：這是H&Co的店面，這是一家鑄造廠，擁有1,500種可用於網路和印刷的字型。
- Font Squirrel：如果您正在尋找所有免費的選擇，Font Squirrel可能適合您。本網站僅提供可用於商業目的的免費字型。
- Adobe Fonts：以前稱為Typekit，Adobe Fonts包含數千種可供選擇的字型，所有這些都可通過Creative Cloud訂閱獲得。
- Fontspring：雖然您必須購買Fontspring上列出的網路字型，但它們無需訂閱即可獲得，並且通常包括無限許可以增加便利性。
- MyFonts：這是Monotype擁有的另一家企業，列出了用於印刷和網路的大量字型。
- Village：這實際上是幾個代工廠的集體，他們聯合起來獨立銷售他們的字型。
- Process Type Foundry：這是一家小型企業，由兩位字型設計師於2002年創立，他們向公眾出售他們製作的字型。
- FontShop：最後，還有FontShop，它是另一個Monotype店面，也是瀏覽和購買網路字型的地方。
高質量、可讀的網路字型
如果您需要一些靈感，以下是所有易於閱讀的網路字型示例，可以使用上述方法新增到您的電子郵件中。
Open Sans
Open Sans是一種高度易讀的無襯線字型，非常適合在螢幕上閱讀。它由Steve Matteson設計，具有開放形式。所有字母都易於閱讀，並且在各種尺寸下看起來都很好。
Roboto
Roboto是另一種在螢幕上看起來很棒的高質量網路字型。它具有開放曲線的幾何設計，創造了一種簡單有效的吸引人的二分法。每個字母都保持一個自然的寬度，抵制 grotesk 字型的典型剛性。
Raleway
或者，您可以選擇Raleway，這是另一種無襯線字型，它提供更細的線條和更優雅的吸引力。字型系列最初由Matt McInerney設計，後來由Pablo Impallari和Rodrigo Fuenzalida擴充套件。
Century Gothic
Century Gothic
Century Gothic是一種提供經典外觀的網路字型。這是有道理的，因為它實際上是1920和1930年代舊字型的現代化版本。它具有跨瀏覽器的廣泛支援，並且在螢幕上可讀。
Proxima Nova
Proxima Nova
Proxima Nova是另一種網路字型選項，它實際上是Proxima Sans字型的重新設想版本，該字型於1994年首次建立。該字型略帶幾何形狀但也很自然，是您電子郵件副本的絕佳選擇。
Quasimoda
Quasimoda
Quasimoda是一種時尚的Web字型，它既美觀又具有普遍性。它由位於德國柏林的字型鑄造廠Lettersoup建立，由Botio Nikoltchev於2014年創立。
PT Sans Pro
PT Sans Pro
PT Sans Pro可能正是您正在尋找的網路字型。它提供圓潤的字型和自然的外觀。它是由1980年代起步的數字字型公司Paratype設計的。
Brandon Grotesque
Brandon Grotesque
Brandon Grotesque網路字型由HVD Fonts建立。HVD由Hannes von Döhren創立，該公司專注於建立易於閱讀、專業且時尚的字型，適用於任何數量的應用程式。
Sofia Pro
Sofia Pro
Sofia Pro是Mostardesign於2008年設計的一款無襯線字型，在保持現代感的同時還包括圓潤的造型。它在和諧設計和幾何設計之間取得了穩固的平衡。
Museo Sans
Museo Sans
最後，還有Museo Sans，它是流行的Museo字型的更新版本。它採用幾何無襯線設計，可用於標題和複製文字。它清晰易讀且用途廣泛，使其成為電子郵件的主力軍。它是由Exljbris於2008年設計的。
關於在電子郵件與文字中使用影象的注意事項
如果您嵌入一張海報，甚至是用漂亮字型編寫的文字螢幕截圖，這可能是解決電子郵件安全字型問題的一種方法。然而，這有其自身的問題，因為電子郵件中的影象並不總是顯示，或者可能無法在某些螢幕上正確顯示。還有螢幕閱讀器的問題，除非您包含替代文字，否則它不會知道影象的內容。
在電子郵件中使用影象時要小心，並且僅使用它們來增強訊息的內容，而不是傳遞關鍵資訊。因此，如果您想在您的網站上宣佈特價促銷，請不要只包含您的促銷海報圖片以及上面列出的產品詳細資訊，然後就結束了。
您至少還需要將影象的文字包含為純文字。更好的是，完全避免這種冗餘，只使用電子郵件安全文字並儲存影象以偶爾引起視覺興趣。
我能想到的唯一一個基於文字的例外情況會使使用文字作為影象適當的是一個徽標，其中公司或品牌的名稱已經是給定的。
小結
在向潛在客戶和客戶傳送電子郵件時，並非任何字型都可以。事實上，未能選擇好的字型會嚴重影響您的轉化率。因此，您選擇的字型需要是電子郵件安全的、給人留下好印象並提供出色的可讀性。
在本文中，我們回顧了現有的主要字型型別以及它們可能產生的心理影響。我們展示了大多數電子郵件客戶端支援的字型示例。我們還討論了網路字型，如何將它們新增到您的網站，以及提供的資源和可用於入門的網路字型示例。
評論留言