title: Web font in email not displaying
body: <p>I use <a href="https://nodemailer.com/about/" rel="nofollow noreferrer">nodemailer</a> to handle my emails. I am trying to apply Poppins as a font for the text in my html body. Currently I have the following code:</p>
  <pre><code>    &lt;head&gt;
            &lt;meta charset=&quot;utf-8&quot;&gt;
            &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Poppins&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
            &lt;style&gt;
                   .text {
                        font-family: 'Poppins';
                    }
            &lt;/style&gt;
     &lt;/head&gt;
  
  
     &lt;body&gt;
          &lt;p class=&quot;text&quot;&gt;
               This is a paragraph
          &lt;/p&gt;
     &lt;/body&gt;
  </code></pre>
  <p>However the font is not applied to the paragraph. When I paste this html into a web browser (console tool) the paragraph has the font applied. My guess is that emails can't have embedded web fonts, but lots of articles say it's possible like <a href="https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts/" rel="nofollow noreferrer">this</a>, <a href="https://www.campaignmonitor.com/resources/guides/web-fonts-in-email/" rel="nofollow noreferrer">this</a> and <a href="https://uplandsoftware.com/adestra/resources/blog/guide-web-fonts-emails/" rel="nofollow noreferrer">this</a>. I have tried using</p>
  <pre><code>@media screen {
     @font-face {
     }
  }
  </code></pre>
  <p>and even other fonts like Montserrat as in the first article.</p>
  <p>I have tested on outlook and gmail and neither works as wanted. The outlook version is Outlook 2016 (16.0.9126.2259).
  Where/what am I going wrong?</p>