Question

我建立了一个HTML电子邮件并使用了Google字体。

我使用以下方式将字体包括在head标签中：

    ╔!--[if !mso]╗╔!--╗
     <link href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700" rel="stylesheet"/>
     <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800,800i" rel="stylesheet"/>
    ╔!--╔![endif]--╗

并使用字体，即我这样做了：

    <tr>
      <td valign="top">
         <p style="line-height:1;margin:0;color:#ffffff;font-family:'Merriweather Sans', sans-serif;font-size:12px;font-weight:normal;">Für Fragen sind wir jederzeit für Dich da:</p>
      </td>
    </tr>

问题是：字体在Apple Mail上完美呈现，而在Gmail中只有Oswald。

我试图弄清楚为什么“ Merriweather Sans”无法正确呈现，但没有机会。

能帮我吗？

Answer 1

Gmail不适用于Google字体或任何网络字体。

Gmail支持许多Web安全字体。我找不到列表，也没有看到Oswald列出。也许它受支持，但未列出。或者，它映射到类似的字体。

已更新

这些是Gmail支持的字体：

•https://jsfiddle.net/wallyglenn/g35nchmL/

Stackoverflow wants me to post code before I could post the link
of fonts that work in Gmail I maintain on JSFiddle.
I felt a list of fonts might be useful in choosing a fallback font.

I am not being lazy, look at the link and you'll understand.

有关电子邮件中字体的更多信息，请查看下面的文章。

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

祝你好运。

Answer 2

问题是：字体在Apple Mail，仅限Gmail Oswald。

对于此问题的第一部分，Apple Mail支持Web字体。这就是您看到它在所有Apple Mail客户端上都能正确呈现的原因。

第二部分（Gmail）的家庭字体中包含Oswald，这是我可以考虑的唯一原因，它将在您的电子邮件中显示Oswald。

我试图弄清楚为什么未显示“ Merriweather Sans” 正确，但没有机会。

Gmail仍然存在链接到电子邮件的Web字体的问题，这就是未呈现“ Merriweather Sans”的原因。

Answer 3

Web字体不具有通用支持，以下是支持它们的电子邮件客户端：

AOL Mail
本地Android邮件应用（非Gmail应用）
Apple Mail
iOS Mail
Outlook 2000
Outlook.com应用

Answer 4

根据石蕊this post；

专业提示：2018年4月，Gmail为他们的用户发布了更新的界面网络邮件客户端。此新界面使用两种流行的网络字体：Google Sans和Roboto。这是什么意思？尽管Gmail不支持网络字体，如果您在电子邮件中使用这些网络字体中的任何一种，它们将实际上在Gmail中呈现。只需将字体添加到您的字体家族CSS 属性，如果您想在电子邮件中使用它们。

这就是为什么对Roboto在Gmail上使用的答案之一发表评论的原因。

Gmail无法在电子邮件上正确呈现字体

4 个答案: