MS Outlook邮件未呈现Google API字体-Roboto压缩

时间:2018-10-01 12:31:07

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

我有一个应用程序,它每天发送和发送电子邮件,我在下面的代码中添加了我的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-->

我无法看到Roboto压缩为电子邮件(Outlook,浏览器-Outlook,Gmail),而是显示邮件客户端后备字体:

我已经按照这些文章实施了,但是那也不起作用。

  1. https://www.postup.com/outlook-fix-for-using-webfonts-in-your-email/
  2. https://www.adestra.com/blog/guide-web-fonts-emails/
  3. https://mailbakery.com/blog/fonts-html-emails-limitations-solutions-industry-standards/

1 个答案:

答案 0 :(得分:1)

大多数电子邮件客户端不支持您在Web客户端上看到的每种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?

最好的问候,

埃文