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

Fonts MS Outlook邮件未呈现Google API字体-Roboto压缩,fonts,outlook,webfonts,email-client,google-webfonts,Fonts,Outlook,Webfonts,Email Client,Google Webfonts,我有一个每天发送和发送电子邮件的应用程序,我正在添加以下代码和我的HTML样式表参考: <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD"> <tr>

我有一个每天发送和发送电子邮件的应用程序,我正在添加以下代码和我的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-->
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,Browser-Outlook,gmail),而不是其显示邮件客户端的后退字体:

              <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-->
我已经按照这些文章实现了,但这也不起作用

              <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-->

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

                  <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-->
    

                  <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-->
    
    您可以尝试其他方法来实现这一点。有关更多信息,请参阅以下链接:

                  <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-->
    

                  <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-->
    

                  <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-->
    
    致以最良好的祝愿

                  <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-->
    

    Evan

    大多数电子邮件客户端并不支持您在web客户端上看到的每种类型的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-->
    
    有关更多信息,请参阅以下链接:

                  <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-->
    

                  <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-->
    

                  <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-->
    
    您可以尝试其他方法来实现这一点。有关更多信息,请参阅以下链接:

                  <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-->
    

                  <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-->
    

                  <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-->
    
    致以最良好的祝愿

                  <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-->
    
    埃文

                  <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-->