My brand uses a particular typeface, which we have bought. We want to use the typeface for our email newsletter.

We have put the fonts on our server. Then using @media screen and @font-face we have linked to the fonts. I've put the html newsletter live on our server and can see in a browser that the fonts are working. However, I'm writing the code for the email on my Mac and when I view the html in a browser on my computer (locally) the fonts displayed are the fallback fonts. Even though the link to the fonts is an absolute link.

I don't understand?