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

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

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

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

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

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

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

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

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

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

好的字体如何提高转化率

大多数人在电子邮件上只花费11秒。这意味着您选择的任何字体都需要可读和可扫描。他们需要提供“一目了然”的便利。通常,这意味着依赖每个人都已经熟悉的标准字体。听起来很无聊?另一种情况更糟。事实上,人们阅读花哨字体的时间是原来的两倍。如果人们只在一封电子邮件上花费 11 秒,那就浪费了很多时间。

Script vs. Sans serif阅读时间

Script vs. Sans serif阅读时间

然而,影响转换的不仅仅是您选择的字体。您选择的字体大小也很重要。事实上,根据Click Laboratory进行的研究,稍微增加字体大小会对您的转化率产生巨大影响。

该研究涉及将设置为Arial字体的文本块从10pt增加到13pt。文本行之间也增加了更多的空间。13pt版本的字体表现要好得多,因为内容现在更容易阅读并且更易读。

这个微小的变化将跳出率降低了10%,并将转化率提高了133%!都是因为将字体大小提高了两点!

您的字体选择也有心理因素。这主要适用于徽标,但在您选择电子邮件字体时记住这些信息是值得的。某些类型的字体具有与之相关的某些“感觉”。根据Crazy Egg的说法,五种主要字体类型会引发不同的情绪或联想:

衬线字体

例子包括Times New Roman、巴斯克维尔和乔治亚州。衬线字体散发出一种可敬、可靠和传统的感觉。老品牌(或那些希望看起来好像已经存在了几十年的品牌)充分利用这些字体来灌输信心。 Tiffany & Co的标志就是一个很好的例子。

 Tiffany & Co

 Tiffany & Co

Vogue,也是类似的字体:

Vogue

Vogue

无衬线字体

示例包括Helvetica、Calibri和Franklin Gothic。无衬线字体散发出干净、简单、直接的现代外观。这些字体给人以可靠和稳定的印象。无衬线字体非常企业化。Netflix品牌使用的是无衬线字体:

Netflix

Netflix

现代字体

例子包括Futura和Century Gothic。现代字体可以显得时尚、别致或给人一种整体的力量感。Hulu的标志是使用现代字体的一个流行例子:

Hulu

Hulu

Script字体

示例包括Edwardian Script和Bickham Script。Script字体可能不是在您的电子邮件中使用的明智选择。但是,它们在用于徽标时确实会产生影响,并且可能适用于图形元素。Coca-Cola是一个使用良好的Script字体的永恒示例:

Coca-Cola

Coca-Cola

显示字体

例子包括Cooper和Valencia。通常与显示字体相关的词语和感觉包括个性或独特性、友好性或表现力。对于徽标(可能还有标题),显示字体可以产生真正的影响并脱颖而出。迪士尼提供了世界上最著名的标志之一,它具有显示字体:

Disney

Disney

考虑到这些信息,我们现在可以继续讨论如何为电子邮件选择最佳字体。

电子邮件排版:如何选择最佳字体

您现在知道了可用的五种基本字体类型(我想是符号除外)。而且您知道不同的字体类型会在您的客户中产生不同的情感。但是,了解可口可乐使用的字体类型如何转化为为您的电子邮件通讯选择正确的字体?

您选择在公司电子邮件中使用的任何字体都需要包括以下4种品质:

质量#1:可读性

我们已经提到过这种品质,但它值得重复,因为它是迄今为止最重要的。如果您的字体不清晰,没有人将能够阅读您的电子邮件。如果它们不能被阅读,你当然不能指望转换,现在可以吗?

质量#2:清晰度

干净、清晰的字体和精确的线条在您的电子邮件副本中效果最佳。没有华丽或花体字。当然,超细或超轻的线条也没有。更大的字体大小也更好。让你的字体比通常的大一两磅,确保字体粗细合适(但不是粗体),并以1.15的行距为目标。

品质#3:心理上合适

如上所述,某些字体类型具有与之相关的特定感觉。确保您选择的字体适合您试图通过内容传达的整体情绪以及内容的目的。例如,如果你想卖东西,看起来可靠或作为权威人物可能是有益的。

质量#4:品牌合适

同样,您选择的任何字体都应该对您的行业或利基市场具有逻辑意义。如果您的公司有一种老式的感觉,那么使用超现代或显示风格的字体就不合适了。同样,如果您经营一家以技术为基础的公司,质朴或正式的东西可能也不适合。这一切都归结为感觉正确。

8种最佳电子邮件字体

我们已经定义了电子邮件安全字体。我们还讨论了如何缩小字体选择范围。但是现在是时候详细了解哪些字体实际上是电子邮件安全的,以及如何在不牺牲可读性或损害转换率的情况下跳出框框思考。

基本的电子邮件安全字体

大多数电子邮件客户端都可以识别一组基本的可读(尽管很无聊)的电子邮件安全字体。现在让我们来看看其中的每一个。

Arial

Arial

Arial

Arial是一种非常常用的字体。它最初由Monotype Imaging的Patricia Saunders和Robin Nicholas于1982年创建。虽然最初设计用于IBM激光打印机,但它已成为Web内容的最爱。

Verdana

Verdana

Verdana

Verdana是一种在设计时考虑到屏幕显示的字体。它由Matthew Carter开发,具有宽字符和每个字符之间的大间距,以提高屏幕上的易读性。这是大多数电子邮件客户端支持的另一种主要选择。

Helvetica

Helvetica

Helvetica

然后是Helvetica,这是目前最流行的字体之一。它清晰易读,并且受到大多数文字处理程序、电子邮件客户端和Web浏览器的支持。

Georgia

Georgia

Georgia

Georgia是电子邮件客户端支持的另一种常见字体。它本质上是易读的,具有大间距的字母,并使用使每个字母不同的字符设计以防止混淆。常规权重和粗体权重之间也有很好的差异,这使其有助于增加重点。

Tahoma

Tahoma

Tahoma

Tahoma是大多数电子邮件客户端支持的另一个选项。它是Windows操作系统上最流行的无衬线字体系列之一。它的创建考虑了屏幕显示,即使字体更小,也能实现清晰易读。它最初是由马修卡特创建的。

Lucida

Lucida

Lucida

或者,您可以使用Lucida,这是另一个优先考虑简洁线条、清晰风格和独特字体的无字体系列。字母间距比标准更宽,每个字符也更高一些,增加了更多易读性元素。

Trebuchet

Trebuchet

Trebuchet

Trebuchet是另一种可用的选项,您可以轻松地在电子邮件设计中使用它。它由Vincent Connare于1996年创建,是一种无衬线字体。它专为屏幕阅读而设计,具有更大的行高、圆形边缘和更宽的字符间距。

Times New Roman

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网页字体

Campaign Monitor网页字体

如果您的电子邮件营销平台本身不包含网络字体支持,您可能可以通过代码添加它。

有几个代码片段可用于在HTML电子邮件中嵌入Web字体。

使用<link>将网络字体添加到您的电子邮件是一种流行的选择。您选择的任何网络字体都会为您定义URL。因此,如果您自己托管字体,请将其更改为您网站上字体的URL。如果字体由网络字体销售商托管,请使用他们提供的URL。

您将把代码片段放在电子邮件代码的<head>部分。它应该出现在开头。大多数电子邮件客户端都支持此方法,并且加载速度相当快。但是,如果Web字体文件较大,您可能会遇到一些问题。

因此,如果您从Google Fonts获取网络字体,在选择字体样式并选择link作为首选嵌入方法后,您将看到以下内容:

谷歌字体上的Roboto

谷歌字体上的Roboto

@import

将网络字体添加到电子邮件的另一种方法是使用@import。这个超级简单,在大多数电子邮件客户端上也能很好地工作。唯一的问题是一些旧版本的Android。

与<link>代码片段一样,您也将在电子邮件的<head>部分插入@import。同样,在Google字体中,这是您在选择字体、样式并单击@import旁边的气泡后看到的内容:

@import用于Roboto字体

@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

Open Sans是一种高度易读的无衬线字体,非常适合在屏幕上阅读。它由Steve Matteson设计,具有开放形式。所有字母都易于阅读,并且在各种尺寸下看起来都很好。

Roboto

Roboto

Roboto是另一种在屏幕上看起来很棒的高质量网络字体。它具有开放曲线的几何设计,创造了一种简单有效的吸引人的二分法。每个字母都保持一个自然的宽度,抵制 grotesk 字体的典型刚性。

Raleway

Raleway

或者,您可以选择Raleway,这是另一种无衬线字体,它提供更细的线条和更优雅的吸引力。字体系列最初由Matt McInerney设计,后来由Pablo Impallari和Rodrigo Fuenzalida扩展。

Century Gothic

Century Gothic

Century Gothic

Century Gothic是一种提供经典外观的网络字体。这是有道理的,因为它实际上是1920和1930年代旧字体的现代化版本。它具有跨浏览器的广泛支持,并且在屏幕上可读。

Proxima Nova

Proxima Nova

Proxima Nova

Proxima Nova是另一种网络字体选项,它实际上是Proxima Sans字体的重新设想版本,该字体于1994年首次创建。该字体略带几何形状但也很自然,是您电子邮件副本的绝佳选择。

Quasimoda

Quasimoda

Quasimoda

Quasimoda是一种时尚的Web字体,它既美观又具有普遍性。它由位于德国柏林的字体铸造厂Lettersoup创建,由Botio Nikoltchev于2014年创立。

PT Sans Pro

PT Sans Pro

PT Sans Pro

PT Sans Pro可能正是您正在寻找的网络字体。它提供圆润的字体和自然的外观。它是由1980年代起步的数字字体公司Paratype设计的。

Brandon Grotesque

Brandon Grotesque

Brandon Grotesque

Brandon Grotesque网络字体由HVD Fonts创建。HVD由Hannes von Döhren创立,该公司专注于创建易于阅读、专业且时尚的字体,适用于任何数量的应用程序。

Sofia Pro

Sofia Pro

Sofia Pro

Sofia Pro是Mostardesign于2008年设计的一款无衬线字体,在保持现代感的同时还包括圆润的造型。它在和谐设计和几何设计之间取得了稳固的平衡。

Museo Sans

Museo Sans

Museo Sans

最后,还有Museo Sans,它是流行的Museo字体的更新版本。它采用几何无衬线设计,可用于标题和复制文本。它清晰易读且用途广泛,使其成为电子邮件的主力军。它是由Exljbris于2008年设计的。

关于在电子邮件与文本中使用图像的注意事项

如果您嵌入一张海报,甚至是用漂亮字体编写的文本屏幕截图,这可能是解决电子邮件安全字体问题的一种方法。然而,这有其自身的问题,因为电子邮件中的图像并不总是显示,或者可能无法在某些屏幕上正确显示。还有屏幕阅读器的问题,除非您包含替代文本,否则它不会知道图像的内容。

在电子邮件中使用图像时要小心,并且仅使用它们来增强消息的内容,而不是传递关键信息。因此,如果您想在您的网站上宣布特价促销,请不要只包含您的促销海报图片以及上面列出的产品详细信息,然后就结束了。

您至少还需要将图像的文本包含为纯文本。更好的是,完全避免这种冗余,只使用电子邮件安全文本并保存图像以偶尔引起视觉兴趣。

我能想到的唯一一个基于文本的例外情况会使使用文本作为图像适当的是一个徽标,其中公司或品牌的名称已经是给定的。

小结

在向潜在客户和客户发送电子邮件时,并非任何字体都可以。事实上,未能选择好的字体会严重影响您的转化率。因此,您选择的字体需要是电子邮件安全的、给人留下好印象并提供出色的可读性。

在本文中,我们回顾了现有的主要字体类型以及它们可能产生的心理影响。我们展示了大多数电子邮件客户端支持的字体示例。我们还讨论了网络字体,如何将它们添加到您的网站,以及提供的资源和可用于入门的网络字体示例。

评论留言