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以编程方式生成图像。

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

2 个答案: