Question

我一直在尝试在MailChimp中加入google webfonts，但无法使用任何解决方案。

我已尝试使用@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中使用自定义字体？

Answer 1

事实证明，通过@import语法是不可能的。它使用标记：

<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

Answer 2

我在所有电子邮件中使用自定义字体，但不是通过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>

这甚至适用于样式图像alt文本，如下所示：

<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>

Answer 3

我最近使用mailchimp制作了很多电子邮件，而且我一直在摸不着头脑。这些是我的发现：

适用于谷歌字体。
@import适用于通过其他网站托管的字体，然后是谷歌（例如您的个人网站）
使用类似的东西：

＆lt; http://fonts.googleapis.com/css？family = Montserrat'rel ='stylesheet'type ='text / css'＆gt;
使用@import for google fonts会在mailchimp中出现错误（就像发布的一个horizens）。
base64也适用。但是代码可能会变长并导致其他问题。
Firefox会阻止Mailchimp预览中的字体（因为它是https）。

PS：不同但相关的主题：制作自适应电子邮件并不像互联网用户那样糟糕。

是否可以在MailChimp模板中使用google webfonts？

3 个答案: