css - 电子邮件中的自定义字体未显示

Question

我正在我的 sass 文件中导入“Roboto”字体

@import "https://fonts.googleapis.com/css?family=Roboto:400,300";

.email-container {
    font-family: 'Roboto';
}

同样的电子邮件在我的机器上的 chrome gmail 中有效，但在我的一些同事中不起作用。

会不会是他们的某种设置？

Answer 1

电子邮件客户端对加载外部内容非常谨慎。大多数客户端已经过时并依赖于 html4。

某些客户端中的 Css 也未被解析。这可能是未导入字体的原因。

要解决此问题，您可以使用内联样式属性，但您将无法加载自定义字体。至少您会收到一封看起来不错的电子邮件。