我一直在尝试将 google webfonts 合并到 MailChimp 中，但无法获得任何解决方案。
我已经使用 @import 尝试了 Campaign Monitor 网站上列出的方法：
http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email
但我在尝试预览时收到此错误：
An error occurred parsing your template CSS:
Cannot find a CSS file at: http://fonts.googleapis.com/css?family=Montserrat
有人可以在 MailChimp 中使用自定义字体吗？
【问题讨论】：
标签： html-email mailchimp
事实证明，通过@import 语法是不可能的。它确实可以使用标签：
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
【讨论】：
@import 时，MailChimp 仍然会出现此解析错误。这是我正在使用的，因此 Outlook 不会呈现 Times New Roman：<!--[if !mso]><!-- --> <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> <!--<![endif]-->
我在所有电子邮件中都使用自定义字体，但不是通过google。如果您在使用 Google 的网络字体时遇到问题，我建议您将文件托管在您自己的服务器上并尝试使用它。
对我来说，我像这样导入我的webfonts stylesheet：
@import url('https://www.mydomain.com/en/img/cms/mail/_a/fonts/fonts.css');
我还在我的样式声明下方添加了一个conditional-comments，以增强outlook 中的webfont 回退。如果没有这个，Outlook 很可能会用你的 webfont 替换它的感觉，并且不尊重你的后备字体。但是，如果您声明此条件注释，然后用类的附加跨度包装您的文本，Outlook 将尊重您的后备并使用您决定的字体。
<!--[if gte mso 9]>
<style>
.flowerpwr { font-family:Arial,sans-serif; }
.proxima { font-family:Arial,sans-serif;font-weight:normal; }
.proxima_novasemibold { font-family:Arial,sans-serif;font-weight:normal; }
</style>
<![endif]-->
html 标记如下所示：
<td align="center" style="font-family:'proxima_novaregular',Arial,sans-serif;font-size:16px;letter-spacing:0.04em;color:#333333;">
<span class="proxima">Text here</span>
</td>
这甚至适用于像这样设置图像替代文本的样式：
<td>
<a href="https://www.mylink.com/" target="_blank" style="display:block;font-family:'proxima_novaregular',Arial,sans-serif;color:#666666;font-size:16px;text-align:center;letter-spacing:0.04em;text-decoration:none;outline:none;">
<span class="proxima">
<img src="a3.jpg" alt="STYLED ALT TEXT WITH WEBFONT AND OUTLOOK MAINTAINED FALLBACK" border="0" style="display:block;">
</span>
</a>
</td>
【讨论】：
我最近一直在使用 mailchimp 构建电子邮件，我一直在为这个问题摸不着头脑。以下是我的发现：
适用于谷歌字体。
@import 适用于通过其他网站托管的字体，然后是 google（例如您的个人网站）
使用类似：
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
将 @import 用于 google 字体会导致 mailchimp 出现错误（就像发布的 horizens 一样）。
base64 也可以。但是代码可能会过长并导致其他问题。
Firefox 会阻止 Mailchimp 预览中的字体（因为它是 https）。
PS：不同但相关的主题：制作响应式电子邮件并不像互联网上的人们所说的那么糟糕。
【讨论】：