是否可以在电子邮件中使用“Open Sans”字体？

Question

我们一直在尝试使用@font-face和@media screen（添加“Open Sans”字体）在电子邮件模板中使用“Open Sans”谷歌字体。但是仍然没有用！我们尝试发送一个包含Open Sans字体文本的样品电子邮件，但是虽然在Outlook和Gmail中显示为Open Sans，但如您所见，它并不是。那么在电子邮件中使用“Open Sans”字体是否可能呢？

- Vinith

---

这个问题在过去的一个月里被反复提出。 - gwally

@gwally他并没有问能否使用“Google Web Fonts”。这个问题特别涉及到Open Sans字体。我不知道其他网络字体是否已经成功使用，但我无法在Gmail（使用IE或Chrome）、Outlook或iPhone中使用Open Sans。 - BVernon

Open Sans是一种Google网页字体。它不是一种网页安全字体，这意味着它不会预装在大多数设备上。可能还有其他字体提供商也提供这种字体。我的观点是，任何需要通过链接到外部源来显示的字体都无法在Gmail中工作，并且很可能无法与Outlook一起使用，因为网页字体支持存在问题并且充满了各种问题。 - gwally

Answer 1

可以使用Open Sans字体发送电子邮件。许多电子邮件客户端与Google Web Fonts配合使用，但Gmail目前不支持任何Web字体。其他例外情况包括Outlook，但这取决于字体名称。您需要选择一个Web安全字体作为备选项，例如Arial或Trebuchet。以下链接将帮助您更好地理解Web字体以及如何在电子邮件中使用它们。

• https://www.cssfontstack.com
• https://litmus.com/blog/the-ultimate-guide-to-web-fonts

祝你好运。

- gwally

---

我们尝试使用了这个解决方案https://litmus.com/blog/the-ultimate-guide-to-web-fonts。它使用备用字体并忽略Open Sans。 - Vinith

直到Gmail支持网络字体，它才能正常工作。在Gmail中，备用字体可以正常工作，只要您选择一个网络安全字体即可。在我的情况下，我使用Arial作为Gotham的备用字体。我还为Outlook使用了备用字体，但我不是按照Litmus建议的方式来做的。我使用“<!--[if mso]>”方法来针对P、td进行操作。请发布您的HTML代码，以便我们帮助您找出问题所在。 - gwally

@gwally，你能否提供一个支持Open Sans字体的电子邮件客户端的名称？ - BVernon

@gwally 或许更好的是，我想看到Open Sans字体在电子邮件客户端中的屏幕截图。 到目前为止，我没有找到任何证据表明它可以完成。 不过我还没有在Android设备上尝试过，但如果那是唯一能够显示它的设备，那么我认为说它通常可以使用有点愚蠢。 - BVernon

请注意，当我说“没有证据”时，我知道有很多人在网上解释如何做到这一点。但我没有看到任何证据表明它实际上是有效的。 - BVernon

@BVernon，IOS、Apple Mail、Thunderbird和Yahoo!都支持Web字体。Android不支持Web字体。 - gwally

Answer 2

你应该尽可能使用简单的HTML代码，并建议仅使用简单的内联CSS。这是因为你几乎无法控制不同的电子邮件客户端如何呈现你的代码。有些客户端出于安全原因会阻止JavaScript，有些则无法显示动画GIF，或者由于隐私原因而阻止你想要加载到邮件中的任何内容等。

因此，我认为Outlook将像外部图像一样阻止外部字体。我建议使用简单的“字体指令”和常用字体，例如“font-family: Arial, Helvetica, Tahoma, sans-serif;”特别是“sans-serif”将作为后备方案工作，如果其他字体不可用。

另请参见：https://www.w3schools.com/cssref/css_websafe_fonts.asp

- ikellenberger