如何在自定义电子邮件简报中添加字体系列？

Question

我正在尝试制作一个自定义的电子邮件新闻稿但是在gmail中我无法呈现我想要呈现的字体。所以请让我知道我应该使用哪个代码片段。

Answer 1

您可以在电子邮件中使用任何Web字体。只是厌倦了他们aren't supported very well。

话虽如此 - 一些客户确实支持他们！

要从Web字体提供程序导入字体，您可以将其添加到<style>标记之间，就像任何其他网站一样。

示例（使用谷歌字体Open sans）：

<style>
...
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
...
</style>

然后当您在电子邮件中使用它时：

<td valign="top" align="center" style="font-family: Open sans, Arial, Helvetica, sans-serif; font-size...">
   <span class="fallback_font">Your content here</span>
</td>

现在你可能已经注意到了fallback_font类的内容。这适用于所有讨厌的前景（不是2002/3）which don't support web fonts。他们要求你为他们添加一个特殊的类来拥有他们自己的后备。所以再次在这个代码块的头部：

<!--[if mso]>
     <style type=”text/css”>
        .fallback_font {font-family: Arial, sans-serif;}
     </style>
<![endif]-->

这将创建一个条件CSS规则，只有微软的Outlook将遵循。这将迫使所有展望回退到Arial和/或sans-serif字体。您将需要在使用webfont的每个实例中放置此项。

希望这会有所帮助 - 任何问题都可以随意问:)