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

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的网络字体时遇到问题,我建议您在自己的服务器上托管该文件并尝试使用该文件.

对我来说,我导入我的webfonts 样式表,如下所示:

@import url('https://www.mydomain.com/en/img/cms/mail/_a/fonts/fonts.css');

我还添加了一个有条件的意见我下面的样式声明,以提高web字体回退前景.如果没有这个,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>