Question

我有一个标题，我试图使用font-family: helvetica neue; font-weight: 100;在网络版上看起来很棒但在大多数电子邮件客户端中显示为font-weight: normal;。

我在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>

Answer 1

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

即使使用webfont，Helvetica Neue也无法在Gmail或Outlook中使用。 Gmail不支持网络字体，Outlook似乎忽略了名称中带有空格的字体。

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

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

有关详细信息，请查看以下链接：

网络字体的终极指南

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

其他有用的资源：

祝你好运。

使用＆＃39; font-weight：打火机＆＃39;或者＆＃39; font-weight：100＆＃39;可靠的电子邮件客户端

1 个答案: