无法让Google字体显示在Gmail中的HTML电子邮件中

时间:2017-04-22 19:08:09

标签: html css email gmail webfonts

标题解释了这个问题,但我无法在Gmail中显示我创建的HTMl电子邮件模板的Google字体。我试图弄清楚如何这样做(内联CSS,@ import,@ font-face等),但它仍然不会出现。

如果您使用的是HTML电子邮件模板,目前是否有办法让Google字体显示在Gmail中?我知道一定有,但我真的被困在这里,并感谢任何帮助!这是我目前的代码:

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster"/>

<style type="text/css"> h1 { position: relative; font-family: 'Lobster', sans-serif; font-size:330%; } </style>

<h1 style="position: relative; text-align: center; font-family: 'Lobster'; padding: 1%;">Heading</h1>

谢谢!

1 个答案:

答案 0 :(得分:4)

Gmail(与大多数网络邮件一样)剥离标题样式,并且无法内联自定义字体声明。电子邮件比网络具有更多的约束,因为客户端使用和更改HTML的方式有很多种。

你需要内嵌你的CSS并使用可以回归到可接受的系统字体的字体堆栈,如果你绝对需要某种外观的字体,那么在网上做一些禁忌:使用图片,但要保持小。 alt文本将确保您的纯文本版本也是可读的。