跨电子邮件客户端可靠地使用'字体重量：打火机'或'字体重量：100'

我有一个标题，我试图用font-family: helvetica neue; font-weight: 100;这看起来很棒的网页版本，但在大多数电子邮件客户端出现font-weight: normal;。跨电子邮件客户端可靠地使用'字体重量：打火机'或'字体重量：100'

我在Hubspot内部发送这些邮件。

<table border="0" width="100%" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
    <td class="headlineOne" style="color: #000000; font-family: helvetica 
    neue, 
    helvetica, arial, sans-serif; font-weight: 100; font-size: 44px; text- 
    align: left; line-height: 44px;">It's never too early</td> 
    </tr> 
    <tr> 
    <td class="headlineTwo body-text" style="line-height: 41px; margin-top: 
    0; font-size: 41px; text-align: right; font-weight: 200; padding- 
    right: 99px; font-family: helvetica neue, helvetica, arial, sans- 
    serif; color: #4a4646; padding-bottom: 0px;">to start saving</td> 
    </tr> 
    </tbody> 
    </table>

来源

2017-10-12 Arren Propster

定义可靠，请记住，所有浏览器和用户代理根据W3C规范显示CSS和HTML以解释他们自己的解释。测试所有可能的用户代理是不可能的。 – TidyDev

Helvetica Neue不是一个网络安全的字体，所以你在大多数电子邮件客户端看到的是Helvetica。要使用Helvetica Neue，您需要使用@import或链接在<head>中创建链接，以使其在电子邮件中工作。你还需要链接到一个webfont。

即使使用webfont，Helvetica Neue也不能在Gmail或Outlook中工作。 Gmail不支持网页字体，Outlook似乎忽略名称中带有空格的字体。

您已经发现使用Helvetica作为Helvetica Neue的备份字体的问题，这是字体有不同的尺寸，因此当您在两个不同的客户端（如Apple Mail和Gmail）中查看电子邮件时，您会看到不同的外观。

如果您使用Font-weight: 100;最轻的Neue看起来不会像Helvetica一样。如果该变化不会影响电子邮件的布局，请使用Helvetica作为回退。否则，请尝试另一种可能更符合您需求的网页安全字体。例如，Lucida Grande，Trebuchet MS可能是更好的后备字体。

欲了解更多信息，请查看此链接：

终极指南Web字体

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

其他有用的资源：

好运。

来源

2017-10-13 01:14:25 gwally

跨电子邮件客户端可靠地使用'字体重量：打火机'或'字体重量：100'

回答

相关问题