无法让 Google 字体显示在 Gmail 中的 HTML 电子邮件中答案

【问题标题】：Can't get Google Font to show up for HTML email in Gmail无法让 Google 字体显示在 Gmail 中的 HTML 电子邮件中
【发布时间】：2017-09-19 16:22:41
【问题描述】：

标题解释了该问题，但我无法在 Gmail 中显示我创建的 HTMl 电子邮件模板的 Google 字体。我试图弄清楚如何做到这一点（内联 CSS、@import、@font-face 等），但它仍然不会出现。

如果您使用的是 HTML 电子邮件模板，目前有没有办法让 Google 字体显示在 Gmail 中？我知道一定有，但我真的被困在这里，不胜感激！这是我当前的代码：

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster"/>

<style type="text/css"> h1 { position: relative; font-family: 'Lobster', sans-serif; font-size:330%; } </style>

<h1 style="position: relative; text-align: center; font-family: 'Lobster'; padding: 1%;">Heading</h1>

谢谢！

【问题讨论】：

标签： html css email gmail webfonts

【解决方案1】：

Gmail（像大多数 webmail 一样）去除标题样式，并且无法内联自定义字体声明。由于客户端使用和更改 HTML 的方式多种多样，因此电子邮件比 Web 具有更多的限制。

您需要内联您的 CSS 并使用回退到可接受的系统字体的字体堆栈，如果您绝对需要某种字体以获得某种外观，请遵循网络上的禁忌：使用图像，但要保持较小。替代文本将确保您的纯文本版本也可读。

【讨论】：

很抱歉我的回复晚了 - 非常感谢您的澄清。现在认为这回答了我的问题:)
嘿@denmch，我看到了这篇文章，似乎GMail 确实支持标题样式。知道为什么他们现在不工作吗？ emails.hteumeuleu.com/…
Gmail 似乎在 9 月开始推出对嵌入式样式的支持，Litmus 一直在关注更新：litmus.com/blog/gmail-to-support-responsive-email-design
我必须支持范围广泛的电子邮件客户端，所以我使用有限的一组最广泛支持的样式并使用 Campaign Monitor 的内联工具内联所有内容 (inliner.cm - 它比 Mailchimp 的效果更好在我的经验中）。总会有客户端或网络邮件接口破坏或忽略您的代码，而内联样式是让它们都了解您的意图的最佳方式。
这很有意义，而且这是一个非常酷的工具。谢谢你给我看。最后一个问题，如果你有时间 - 我真的很想在标题中使用自定义字体，所以我正在考虑让它成为一个图像。但是，我需要部分文本链接到我的网站。我知道 PDF 支持在图像中嵌入超链接，但 Mail Chimp 不支持它们。是否有一种我可以使用的图像类型受支持并允许我超链接图像文本的一部分？