在 mailchimp 模板中使用 typekit

Question

我正在尝试在 mail chimp 中使用来自 typekit 的 webfont，但是一旦发送了电子邮件，该字体就无法保留。现在我正在这样做

<head>
<script src="https://use.typekit.net/gge4dxp.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

</head>

.tagline {
    font-family: proxima nova;
    font-weight:100;
    text-align:center;
}

有什么想法吗？我环顾四周，似乎有时头部会被剥离？有没有更可靠的方法来嵌入这种字体？

Answer 1

电子邮件客户端几乎不支持 Web 字体。唯一真正支持它的地方是 Apple Mail、iOS、一些本机 Android 客户端和 Thunderbird。其他地方只是剥离标签。如果您知道您的大多数订阅者都使用这些电子邮件客户端，那么您应该没有问题，但对于所有其他订阅者来说，可能不值得进行字体堆叠工作。

您遇到的另一个问题是有 0 个电子邮件客户端会接受任何 javascript。这是一个安全问题，因此为了避免任何潜在威胁，他们将其全部清除。

引入网络字体的唯一方法是通过@import，通过@font-face 或 <link>。<link> 有最好的支持，但正如我上面所说，所有支持都很少.有关电子邮件中网络字体的更多详细信息，请访问：http://stylecampaign.com/blog/2015/02/webfont-support-in-email/

有关排版技巧，请参阅：https://litmus.com/blog/typography-tips-for-email-designers

在 mailchimp 模板中使用 typekit

using typekit in a mail chimp template

email

mailchimp

webfonts

typekit