title: Font "DINPro-Regular" not showing in newsletter
body: <p>I use a custom font for a newsletter. I have imported &quot;DINPro-Regular&quot; font which works in chrome web browser, but doesn't work in outlook or gmail newsletter. I tried 'Roboto' and it is showing up in outlook as well as gmail. can someone point out what could be causing this issue?</p>
  <p>any help would be much appreciated.</p>
  <pre><code>&lt;style type=&quot;text/css&quot;&gt;
  
      @import url('https://fonts.googleapis.com/css2?family=Roboto&amp;display=swap');
  
  
      @font-face {
          font-family: &quot;DINPro-Regular&quot;;
          src: url(&quot;https://db.onlinewebfonts.com/t/c9c60c88cb732119e5a9457f2d9cdc53.eot&quot;); /* IE9*/
          src: url(&quot;https://db.onlinewebfonts.com/t/c9c60c88cb732119e5a9457f2d9cdc53.eot?#iefix&quot;) format(&quot;embedded-opentype&quot;), /* IE6-IE8 */
          url(&quot;https://db.onlinewebfonts.com/t/c9c60c88cb732119e5a9457f2d9cdc53.woff2&quot;) format(&quot;woff2&quot;), /* chrome firefox */
          url(&quot;https://db.onlinewebfonts.com/t/c9c60c88cb732119e5a9457f2d9cdc53.woff&quot;) format(&quot;woff&quot;), /* chrome firefox */
          url(&quot;https://db.onlinewebfonts.com/t/c9c60c88cb732119e5a9457f2d9cdc53.ttf&quot;) format(&quot;truetype&quot;), /* chrome firefox opera Safari, Android, iOS 4.2+*/
          url(&quot;https://db.onlinewebfonts.com/t/c9c60c88cb732119e5a9457f2d9cdc53.svg#DINPro-Regular&quot;) format(&quot;svg&quot;); /* iOS 4.1- */
      }
  
  body { font-family: 'DINPro-Regular', 'Trebuchet MS'; }
  
      a {
          text-decoration: none;
      }
  
  &lt;/style&gt;
  </code></pre>