Question

我试图在邮件黑猩猩中使用来自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。这是一个安全问题，所以为了避免任何潜在的威胁，他们会彻底消除它。

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

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

在邮件黑猩猩模板中使用typekit

1 个答案: