如何查找和使用电子邮件支持的字体以提高设计和可读性

已发表: 2022-06-29

您是否曾经随意创建电子邮件并选择了您看到的第一个字体? 点击发送。 说它好去吗?

在电子邮件设计方面,您的字体选择可以在订阅者点击或继续移动之间产生巨大差异。 它们不仅有助于使您的电子邮件更具视觉吸引力,而且还可以提高整体可读性。 外观、排列和风格共同创造了独特的排版——这是您的电子邮件可以发光的地方。

虽然使用传统字体(如 Arial 或 Times New Roman)来传达您的信息并没有错,但存在许多支持电子邮件的独特字体,这些字体将使您的广告系列更上一层楼。

如果您想知道如何查找和使用支持电子邮件的 Web 字体来启动您的电子邮件活动,我们支持您! 让我们深入探讨如何通过正确使用网络字体来提高参与度和可读性。

什么是网页字体?

在开始发挥创意之前,您需要了解网络字体和网络安全字体之间的区别。

  • Web 安全字体:这些字体最有可能在所有主要操作系统和电子邮件提供商中找到,包括 Arial、Verdana、Georgia、Times New Roman 和 Courier。 品牌继续使用这些,因为它们是经典的,并且会全面呈现。

  • Web 字体:专为网站设计和许可,默认情况下并非在所有设备和操作系统上都可以找到 Web 字体。 Web 字体包括 Roboto 和 Open Sans。

虽然有时您可能需要使用传统字体,但网络字体让设计师有更多的创造力来帮助传达品牌的信息和美感,而不仅限于预先安装的文本。

为什么电子邮件支持的字体很重要?

作为电子邮件营销人员,您知道通过样式、颜色和排版保持品牌知名度很重要。 但是,您还需要创建引人入胜的消息,以引起订阅者的共鸣。 电子邮件支持的字体可作为您品牌的延伸,允许您利用标题、正文和图像叠加中的文本来创造性地(且易于访问)设计您的信息。

如果你的品牌有点傻——你可以做得更大,使用有趣、时尚的类型。 然而,如果你更有新闻价值,你可能想要坚持一些更标准的东西。 网络字体为您提供了灵活性和创造力。

在哪里可以找到网络字体?

虽然有很多网络字体提供商,但您希望确保公司在电子邮件中许可网络字体(不仅仅是网站或移动使用),并且您遵循他们的分发指南。 推荐的电子邮件支持字体供应商包括:

  • 谷歌字体

  • Adobe 的 Typekit

  • 我的字体

  • 商业类型

  • 字体弹簧

  • 字体店

哪些电子邮件客户端支持网络字体?

当您超越网络安全字体时,您将使用在打开邮件时下载的字体。 请务必注意,并非所有设备都支持特定字体,因此您将设置层叠样式表来创建“字体堆栈”。 这些字体堆栈用作备份,以防您选择的字体未集成。

选择网络字体后,重要的是要考虑实际电子邮件服务提供商的显示方式。 通常,这些电子邮件客户端提供 Web 字体支持:

  • iOS 邮件

  • 苹果邮件

  • Android(默认邮件客户端)

  • 展望 2000

  • Outlook.com

  • 雷鸟

如果电子邮件提供商不显示 Web 字体(一切都不会丢失),这就是您设置这些方便的字体堆栈作为备份的原因。 字体堆栈将确保您的电子邮件仍然具有您最初想要的美感。 此外,每个电子邮件客户端都有一个默认字体,订阅者将看到该字体,而不是您的网络字体。 默认值包括:

  • Gmail:宋体

  • 苹果邮件:Helvetica

  • Microsoft Outlook:Calibri

如何为您的电子邮件活动选择正确的网络字体

现在您已了解网络字体基础知识,是时候寻找为您的电子邮件活动选择正确版式的最佳方法了。 电子邮件支持的字体对于传递您的信息并有可能提高点击率和转化率至关重要。

这样想——人类是视觉的。 您有多少次在杂货店仅仅因为其色彩鲜艳、有趣的包装而挑选产品? 电子邮件也是如此。 如果不仅内容对他们有吸引力,而且还以视觉上吸引人的设计提供,您的订阅者更有可能从您的电子邮件中打开、点击和购买。

有数百种不同的网络字体可供选择,这里有三种方法可以缩小您的选择范围,为您的广告系列选择最佳的电子邮件支持字体。

1.选择合适的正文字体。

你的正文字体应该是可区分的,并且对于那些有视觉障碍的人来说可以阅读。 如果正文中有更多内容,建议使用带有较长块文本的衬线字体(如 Georgia 和 Verdana)。

虽然 Arial 和 Helvetica 曾经是流行的选择,但 p、b、q 和 d 等字母看起来都过于统一,更难区分。 使用衬线字体时,会添加额外的笔画以赋予字母更多字符。 由于电子邮件需要可扫描,宽且间距一致的字母有助于订阅者快速阅读。

衬线和无衬线电子邮件字体

资料来源:W3Schools

以 CAVA Dips 为例,它使用易于阅读的衬线体字体,搭配更风格化的标题和号召性用语。

以 CAVA Dips 为例,它使用易于阅读的衬线体字体,搭配更风格化的标题和号召性用语。

资料来源:非常好的电子邮件

虽然衬线字体非常适合较长的电子邮件,但使用无衬线字体仍然可读且可以接受。 只有一行正文,Cater 2 Me 就完成了他们的网页字体设计。 它打了一拳,直截了当,不会分散注意力。

虽然衬线字体非常适合较长的电子邮件,但使用无衬线字体仍然可读且可以接受。只有一行正文,Cater 2 Me 就完成了他们的网页字体设计。

资料来源:非常好的电子邮件

2. 使用带有成对正文字体的风格化标题。

虽然这可能看起来更“简单”,但为您的标题和正文使用相同的字体将有助于建立更好的品牌标识并确保整个消息将出现在电子邮件客户端中。 开发电子邮件时,请确保标题和正文大小不同,并具有不同的填充和样式,以更好地区分两者。 同样重要的是要注意,您拥有的网络字体越多,加载电子邮件所需的时间就越长——这是仅使用一种字体的另一个优势。

以 Lululemon 为例。 该公司使用的标题是正文的 2 倍,两者之间有足够的填充。 订阅者可以轻松区分这两个元素,同时创建干净、经典的设计。

该公司使用的标题是正文的 2 倍,两者之间有足够的填充。

资料来源:非常好的电子邮件

但是,如果您想更有创意,将相互补充的不同字体配对可以帮助在收件箱中脱颖而出并保持订阅者的参与度。 建议每封电子邮件只使用两种网络字体,但这可能会很棘手,因为您不希望这些字体无法阅读和无法访问。 如果您正在寻找一种方法来发现可比较的字体,您可以利用字体对来帮助您找到对您的电子邮件设计影响最大的字体配对。

Tattly 在将两种不同的字体配对在一起方面做得很好,同时仍然与他们的品牌标准保持一致。 标题立即引起了您的注意,并将您的眼睛吸引到身体上,以了解销售的含义。 由于图像,你可以看出这个品牌更轻松——所以多种字体都有效。

Tattly 在将两种不同的字体配对在一起方面做得很好,同时仍然与他们的品牌标准保持一致。

资料来源:非常好的电子邮件

3. 创建一致的字体结构。

选择网络字体后,您还需要考虑许多其他元素,例如字体大小、间距、链接和按钮、颜色等。 无论您的订阅者处于客户旅程的哪个阶段,这些功能都将帮助您的电子邮件保持一致。

  • 字体:对于正文,您的字体在台式机上应为 14 像素,在移动设备上为 16 像素。 使用响应式设计时,请验证您的电子邮件支持的字体是否会在屏幕尺寸之间自动波动。

  • 间距:特别是在您的标题和正文之间,确保您的行高在 22 像素和 24 像素之间。 太窄的空间会降低可读性和参与度。

  • 链接和按钮:创建链接和按钮时,不要使用单独的字体来强调您的焦点短语并验证它是否包含锚链接。 按钮是一种很好的风格化方式来吸引人们对你的号召性用语的关注。

  • 颜色:仅使用与您的品牌标准一致的三种颜色——一种颜色用于标题,一种颜色用于正文,最后一种颜色用于链接。

包起来

如果您正在考虑在您的电子邮件活动中使用网络字体,我们建议您使用它! 网络字体是吸引观众并通过有影响力的电子邮件设计帮助将潜在客户转变为客户的好方法。 选择电子邮件支持的字体时,请务必:

  • 创建备份字体堆栈

  • 使用衬线字体样式

  • 将标题文本与正文文本配对

  • 为所有未来的活动开发一致的字体结构

您准备好开始使用网络字体设计自己的电子邮件活动了吗? Emma 提供拖放式编辑器和完全从头开始编写电子邮件的能力。 立即试用演示以了解更多信息!