MS Outlook 邮件未呈现 Google API 字体 - Roboto Condensed答案

【问题标题】：MS Outlook mail not rendering Google API font - Roboto CondensedMS Outlook 邮件未呈现 Google API 字体 - Roboto Condensed
【发布时间】：2018-10-01 12:31:07
【问题描述】：

我有一个应用程序，它每天发送和发送电子邮件，我正在添加下面的代码和我的 HTML 样式表引用：

HTML:

              <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD">
                <tr>
                  <td class="col-td" style="padding-left:0px;padding-right:0px">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;">
                          <tr>
                            <td class="cell-td" style="padding-top: 10px;
                                                       padding-right: 10px;
                                                       padding-bottom: 10px;
                                                       padding-left: 10px">
                                <div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"><span style="font-family: 'Roboto Condensed', Arial, sans-serif;">I'm some new text, edit me! OOO</span></div>
                            </td>
                          </tr>
                        </table>
                  </td>
                </tr>
              </table>

              <!--[if mso]></td><![endif]-->
          <!--[if mso]></tr></table><![endif]-->
        </td>
      </tr>
    </table><!--/.container-->

我无法在电子邮件（Outlook、浏览器 - Outlook、gmail）中看到精简的 Roboto，而不是显示邮件客户端后备字体：

我已按照这些文章实施，但这也行不通。

【问题讨论】：

标签： fonts outlook webfonts email-client google-webfonts

【解决方案1】：

大多数电子邮件客户端不支持您在网络客户端上看到的所有类型的 HTML 内容。更多信息，请查看以下链接：

Limitations of HTML Email

The Google Font API and HTML Email

您可以尝试其他方法来实现这一点。更多信息，请查看以下链接：

All You Need to Know About Web Fonts in Email

Can Outlook use a web font in an html email?

最好的问候，

埃文

【讨论】：