title: @font-face not working in html email
body: <p>I am trying to use a custom font in a newsletter/html email. I got the @font-face import working in safari, firefox and chrome, but as soon as I try to use it in an email client (tested with apple mail, thunderbird and gmail) the custom font is not displayed. I read several posts on SO about this but the suggested solution is always to check if the mail-client is supported (which it is) and to use different formats(which I do). It is not working with google fonts either. So are there any other suggestions what could be wrong?</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;meta name="x-apple-disable-message-reformatting"&gt;
  
      &lt;!--[if !mso]&gt;&lt;!--&gt;
      &lt;style type="text/css"&gt;
      @font-face {
            font-family: 'myfont';
            src: url('https://example.com/various/myfont-Regular.eot');
            src: url('https://example.com/various/myfont-Regular.woff2') format('woff2'),
                 url('https://example.com/various/myfont-Regular.woff') format('woff'),
                 url('https://example.com/various/myfont-Regular.ttf') format('truetype'),
                 url('https://example.com/various/myfont-Regular.svg#FreelandforDouglas-Regular') format('svg'),
                 url('https://example.com/various/myfont-Regular.eot?#iefix') format('embedded-opentype');
            font-weight: normal;
            font-style: normal;
          }
      &lt;/style&gt;
      &lt;!--&lt;![endif]--&gt;
  &lt;/head&gt;
  </code></pre>