Gmail 不接受<style>并@import css 方法

Question

我正在尝试创建一个电子邮件模板，但经过几次测试https://www.campaignmonitor.com/css/我发现Gmail不支持<style></style>标签或CSS中的@import元素。

我在电子邮件中缩进使用的字体是"Gotham Rounded A"，这不是一种公开可用的字体，这就是为什么我试图在CSS中使用@import url()将字体输入电子邮件的原因。

有人知道允许我在电子邮件模板中使用此字体的解决方案吗？

Answer 1

电子邮件客户端之间对Web字体的支持正在增加，但你对Gmail的支持就不那么幸运了。正如你在Campaign Monitor中看到的那样，Gmail将不允许你显示自定义字体。（可能不是任何其他基于web的客户端）：https://www.campaignmonitor.com/resources/will-it-work/webfonts/

如果必须使用自定义字体，则需要使用图像。

编辑：

你可以尝试使用它，并在另一个中获得回退，例如"Times New Roman"：

<style>
    @import url(http://fonts.googleapis.com/css?family=Merienda);
   /* All your usual CSS here */
   h4 {
       font-family: Merienda, 'Times New Roman', serif;
       color: #444444;
       font-size: 24px;
   } 
</style>

但在发送之前内联CSS可能会给您带来更多的交叉兼容性：http://inliner.cm/

Answer 2

据我所知，在电子邮件中可靠地包含自定义字体的唯一方法是使用图像。如果需要动态生成的文本，则可以始终动态创建图像，例如：<img src="http://example.com/generate-image/?msg=Sample+Message+Text" />。这将需要使用PHP或ASP以编程方式生成图像。