12

我一直在尝试将 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 中使用自定义字体？

4

3 回答 3

25

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

<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
于 2013-01-20T17:29:15.223 回答
7

我在所有电子邮件中都使用自定义字体，但不是通过。如果您在使用 Google 的网络字体时遇到问题，我建议您将文件托管在您自己的服务器上并尝试使用它。

对我来说，我像这样导入我的 ：

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

我还在我的样式声明下方添加了一个中的 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]-->

标记如下所示：

<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>
于 2014-03-21T17:56:53.693 回答
2

我最近一直在使用 mailchimp 构建电子邮件，我一直在为这个问题摸不着头脑。这些是我的发现：

  • 适用于谷歌字体。

  • @import 适用于通过其他网站托管的字体，然后是 google（例如您的个人网站）

  • 使用类似的东西：

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

  • 对谷歌字体使用@import 会给你一个 mailchimp 错误（就像发布的一个 horizens 一样）。

  • base64 也可以。但是代码可能会变得很长并导致其他问题。

  • Firefox 会阻止 Mailchimp 预览中的字体（因为它是 https）。

PS：不同但相关的主题：制作响应式电子邮件并不像互联网上的人们声称的那样可怕。

于 2013-10-24T11:04:18.243 回答