电子邮件排版字体使用注意事项及适用英文字体

电子邮件排版字体使用注意事项及适用的8款英文字体

到目前为止，大多数拥有忠实追随者的企业已经完全接受了电子邮件营销所提供的一切。电子邮件订阅，自动回复，你的名字。电子邮件营销一直是一种始终如一的方式，可以让您随时了解客户需求的脉搏，同时推广您提供的所有最新产品或服务。

您可以在客户离开您的网站后很久才能接触到他们，这一事实非常强大。但是，任何旧电子邮件都不行。您如何呈现您的电子邮件内容是吸引注意力和鼓励客户实际阅读您的电子邮件而不是在看到时删除它们的重要部分。

设计在这里起着至关重要的作用。但可能最重要的方面之一是您的字体选择。电子邮件安全字体使客户更容易阅读您要说的内容，这意味着您更有可能获得这种转换。

这就是我们今天要在这里讨论的内容。

什么是电子邮件安全字体？
电子邮件排版：如何选择最佳字体
8 种最佳电子邮件字体
自定义电子邮件字体
关于在电子邮件与文本中使用图像的注意事项

什么是电子邮件安全字体？

为您的电子邮件使用精美的字体很诱人。毕竟，你想给人留下积极的印象。你想让你的内容脱颖而出。但是，特殊字体并不总是在所有电子邮件客户端中正确显示。事实上，如果不支持某种字体，电子邮件客户端最终可能会使用备用字体，这可能会打乱您的预期语气，或者最坏的情况是模糊您内容的易读性。

这就是为什么强烈建议您仅在创建电子邮件营销内容时坚持使用电子邮件安全字体。我们稍后会详细介绍。但首先，让我们简要讨论一下好的字体选择实际上如何对您的转化率产生巨大影响。

好的字体如何提高转化率

大多数人在电子邮件上只花费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")

}