title: MS Outlook mail not rendering Google API font - Roboto Condensed
body: <p>I have an application where its sends and email on daily basis, I am adding below code with my HTML style sheet references:</p>
  
  <p>HTML:
  
          
          
            
              
                
                    </p>
  
  <pre><code>              &lt;table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;max-width:600px;background-color:#DDDDDD"&gt;
                  &lt;tr&gt;
                    &lt;td class="col-td" style="padding-left:0px;padding-right:0px"&gt;
                          &lt;table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" class="col" style="width:100%;"&gt;
                            &lt;tr&gt;
                              &lt;td class="cell-td" style="padding-top: 10px;
                                                         padding-right: 10px;
                                                         padding-bottom: 10px;
                                                         padding-left: 10px"&gt;
                                  &lt;div style="font-size: 16px; font-family: helvetica,arial,sans-serif; line-height: 1.5; color: initial;"&gt;&lt;span style="font-family: 'Roboto Condensed', Arial, sans-serif;"&gt;I'm some new text, edit me! OOO&lt;/span&gt;&lt;/div&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/table&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
  
                &lt;!--[if mso]&gt;&lt;/td&gt;&lt;![endif]--&gt;
            &lt;!--[if mso]&gt;&lt;/tr&gt;&lt;/table&gt;&lt;![endif]--&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;&lt;!--/.container--&gt;
  </code></pre>
  
  <p>I  am unable to see the Roboto Condensed in Email (Outlook, Browser - outlook, gmail), Instead of that its displaying mail clients fall-back font :</p>
  
  <p>I have implemented as per these article, but that's also not working. </p>
  
  <ol>
  <li><a href="https://www.postup.com/outlook-fix-for-using-webfonts-in-your-email/" rel="nofollow noreferrer">https://www.postup.com/outlook-fix-for-using-webfonts-in-your-email/</a> </li>
  <li><a href="https://www.adestra.com/blog/guide-web-fonts-emails/" rel="nofollow noreferrer">https://www.adestra.com/blog/guide-web-fonts-emails/</a> </li>
  <li><a href="https://mailbakery.com/blog/fonts-html-emails-limitations-solutions-industry-standards/" rel="nofollow noreferrer">https://mailbakery.com/blog/fonts-html-emails-limitations-solutions-industry-standards/</a></li>
  </ol>