How do I load a hosted font into an email template

See more:

HTML

font

email

Hi guys,

I've been trying to load a hosted font (for all clients but Outlook) into my email template but it does not seem to work.

What I have tried:

<style type="text/css" >
   @media screen{
      @font-face{
         font-family: 'Archive';
         font-style: normal;
         font-weight: normal;           	    
         src:url(https://[DOMAIN NAME]/templates/ettu/assets/fonts/Archive.ttf.woff) format('woff');
       }
   }
</style>

I've tried different variants of the above code and loading the style like this:

<p style="font-family: 'Archive', Arial, sans-serif;">TEXT HERE</p>

I can't find out what i'm doing wrong but it doesn't work. Any suggestions would be greatly appreciated. Thanks in advance!