Using @font-face in email and how to apply fallbacks for Outlook.

gistfile1.txt

Use @font-face like normal:

@font-face {
  // code here
}

There is an Outlook 2007 & up hack I've used at times that seems to fix this as well:

<!--[if gte mso 9]>
<style>
  [selectors-here] {
    font-family: Arial, Helvetica, sans-serif !important;
  }
</style>
<![endif]-->

I use this at the bottom of my head tag to override any issues Outlook creates -- I tested this in Litmus here (https://litmus.com/pub/5c1ff1b/screenshots) and it works well. For non-Outlook 2007+, if @font-face is not supported, the actual fallback font is displayed as expected.