Question

我正在尝试制作自定义电子邮件新闻，但是在gmail中，我无法呈现要呈现的字体。因此，请告诉我我应该使用哪个代码片段。

Answer 1

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

话虽这么说-一些客户确实支持他们！

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

示例（使用Google字体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规则，只有Microsoft Outlook可以遵循。这将迫使所有外观退回到Arial和/或sans-serif字体。您将需要在使用webfont的每个实例中放置这个通用实例。

希望这会有所帮助-任何问题都可以随时提出：）

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

1 个答案: