电子邮件设计 - 谷歌字体的字体粗细

Question

我正在编写一个电子邮件模板，我想使用 Google 字体。 下面这段代码，链接到谷歌字体：

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

[style*="Open Sans"] {font-family: 'Open Sans', Arial, sans-serif !important}
</style>

还有，下面的一些代码：

<td style="font-family:Arial, sans-serif, 'Open Sans';font-weight:300;">Some text</td>

并且此代码在 Outlook 和其他人中运行良好，但例如 Outlook 不尊重

font-weight:300

我的问题是，为什么？这可能有带有字体粗细选项的谷歌自定义字体吗？

Answer 1

Outlook doesn't support web fonts。即使您引用的是 Open Sans，您在 Outlook 中实际看到的字体也是 Arial，它没有 300 粗细。

电子邮件客户端 isn't great 中的 Web 字体支持，因此备用系统字体很重要。您可以使用<link href=''> tag 而不是@import 来引用网络字体，以稍微增加覆盖范围。