Skip to main content

@font-face in Outlook for Mac

SupportedWebKit · desktop

Support Details

Always include a web-safe font stack as fallback (e.g., Arial, Helvetica, sans-serif).

Before

@font-face {
  font-family: 'CustomFont';
  src: url('custom.woff2') format('woff2');
}
h1 { font-family: 'CustomFont'; }

After

/* Keep @font-face for clients that support it */
@font-face {
  font-family: 'CustomFont';
  src: url('custom.woff2') format('woff2');
}
h1 {
  font-family: 'CustomFont', Arial, Helvetica, sans-serif;
}

Add web-safe font fallback stack

@font-face is fully supported in Outlook for Mac. No workarounds needed.

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook 365Unsupported
Outlook (New)Partial
Outlook ClassicUnsupported
Outlook iOSUnsupported
Outlook AndroidUnsupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailUnsupported
Yahoo Mail AndroidUnsupported
Yahoo Mail iOSUnsupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
Proton MailUnsupported
AOL MailUnsupported
FastmailUnsupported
SuperhumanSupported

Related Features

Test your email across all 21 clients

Preview rendering, catch CSS issues, and get actionable fixes. Free.

Try Emailens Free