html - Gmail 未在电子邮件上正确呈现字体

标签 html css fonts gmail html-email

我构建了一个 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 邮件上完美呈现,在 Gmail 上仅 Oswald。

我试图找出为什么“Merriweather Sans”没有正确呈现,但没有机会。

你能帮帮我吗?

最佳答案

Gmail 不支持 Google 字体或任何网络字体。

Gmail 支持多种网络安全字体。我找不到名单,也没有看到 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.

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

祝你好运。

关于html - Gmail 未在电子邮件上正确呈现字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51281964/

相关文章:

javascript - Windows 8 音频在后台播放

css - 添加到 WordPress 头部时缩小输出中的 CSS

html - Em级联问题

linux - 如何从 Ghostscript 更新 CID 字体

html - Chrome 渲染问题?

javascript - 当我们点击它时如何聚焦 Accordion 顶部标题

html - HTML 中鼠标悬停问题上的框阴影

html 列表 li 宽度和高度

css - calc() 在 CSS3 中无法正常工作

css - FOP- 1.1 添加新字体