电子邮件设计 - google 字体的字体粗细
Email design - font weight on google fonts
我正在编写电子邮件模板,我想使用 Google 字体。
下面的代码链接到 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
我的问题是,为什么?是否可以使用带有字体粗细选项的 google 自定义字体?
Outlook doesn't support web fonts。即使您引用的是 Open Sans,您在 Outlook 中实际看到的字体是 Arial,它没有 300 字重。
电子邮件客户端中的 Web 字体支持 isn't great, so fallback system fonts are important. You can reference web fonts using the <link href=''>
tag 而不是 @import
以稍微增加您的覆盖范围。
我正在编写电子邮件模板,我想使用 Google 字体。 下面的代码链接到 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
我的问题是,为什么?是否可以使用带有字体粗细选项的 google 自定义字体?
Outlook doesn't support web fonts。即使您引用的是 Open Sans,您在 Outlook 中实际看到的字体是 Arial,它没有 300 字重。
电子邮件客户端中的 Web 字体支持 isn't great, so fallback system fonts are important. You can reference web fonts using the <link href=''>
tag 而不是 @import
以稍微增加您的覆盖范围。