我如何在电子邮件模板中自定义谷歌字体

Question

我有一个电子邮件html，我想使用字体Poppins在我的电子邮件中显示文本。 但是，它不起作用。 我搜索并找到了一些解决方案，但它仍然没有用。

https://css-tricks.com/kinda-can-use-custom-fonts-html-emails/

https://mailbakery.com/blog/fonts-html-emails-limitations-solutions-industry-standards/

https://litmus.com/blog/the-ultimate-guide-to-web-fonts

感谢阅读。

Answer 1

将Google字体添加到模板

1. 在此处搜索您的Google字体：https://fonts.google.com。
2. 接下来，单击字体并单击“选择此字体”按钮 右上方。
3. 选择字体后，单击“所选族”窗口 在浏览器底部最小化。
4. 确保您已进入“嵌入”标签，然后导航至@Import 请访问此处：https://help.klaviyo.com/hc/article_attachments/115000293152/2017-05-02_14-33-08.png，例如image。
5. 在这里，您将看到该字体的导入URL。复制此URL。在 这个例子，URL是： https://fonts.googleapis.com/css?family=Roboto。
6. 在您的Klaviyo模板中，查找并编辑您的第一个文本块 电子邮件。单击“源”按钮以查看原始HTML。

然后，添加以下HTML。这包括字体的导入URL并指定哪些HTML元素将使用该字体：

<style type="text/css">  
   @import url('INSERT_FONT_URL'); 
   p, h1, h2, h3 {  
       font-family: 'INSERT_FONT_NAME', 'INSERT_A_FALLBACK_FONT';  
       } 
</style>

保存块时，您将看到正在使用的新字体。