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

已发表: 2021-08-18

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

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

虽然使用传统字体(如 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 为例,它使用易于阅读的衬线体字体,搭配更具风格的标题和号召性用语。

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

来源:非常好的电子邮件

虽然 serif 是较长电子邮件的理想选择,但使用 sans serif 字体仍然是可读和可接受的。 只有一行正文,Cater 2 Me 完成了他们的网页字体设计。 它打了一拳,直奔主题而不会分散注意力。

虽然 serif 是较长电子邮件的理想选择,但使用 sans serif 字体仍然是可读和可接受的。只有一行正文,Cater 2 Me 完成了他们的网页字体设计。

来源:非常好的电子邮件

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

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

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

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

来源:非常好的电子邮件

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

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

Tattly 在将两种不同的字体搭配在一起方面做得很好,同时仍然符合他们的品牌标准。

来源:非常好的电子邮件

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

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

  • 字体:对于正文,您的字体大小在桌面上应为 14 像素,在移动设备上为 16 像素。 使用响应式设计时,请确认您的电子邮件支持的字体会在屏幕尺寸之间自动波动。

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

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

  • 颜色:仅使用三种符合您品牌标准的颜色——一种用于标题,一种用于身体,最后一种用于链接。

包起来

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

  • 创建备份字体堆栈

  • 使用衬线字体样式

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

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

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