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/

相关文章:

html - 对齐表格中的元素

javascript - Angular Material 布局与我原来的 CSS 冲突

html - 如何嵌入卡纳达字体?

android - 我的 Android 应用程序中的 Roboto 字体

html - 更改全局字体

javascript - jquery datepicker 无法单击按钮

javascript - 如何将 JQuery 和另一个 JS 文件链接到我的 html?

CSS:将文本定位在页面中间

html - 高度为 100% 的两列布局。一根固定柱和一根流体柱

css - 在 joomla 2.5 的 Accordion 菜单模块中编辑字体大小