@font-face

@font-face in CSS allows to include your own fonts inside an email.

  • Apple Mail
  • Gmail
  • Outlook
  • Other clients

Apple Mail

macOS

12.2

iOS

10.3
12.3.1

Gmail

Desktop Webmail

2019-07

iOS

2019-07

Android

2019-07

Outlook

Windows

2003
3
2007
4 5
2010
4 5
2013
4 5
2016
4 5
2019
4

macOS

2011
2016

Outlook.com

2019-07

iOS

2.51.1
3.29.0

Android

2019-07

Yahoo! Mail

Desktop Webmail

2019-07

iOS

2019-07

Android

2019-07

Mozilla Thunderbird

macOS

60.7

Orange

Desktop Webmail

2019-05
2

iOS

2019-07

Android

2019-07
1

Samsung Email

Android

6.0

SFR

Desktop Webmail

2019-07
2

iOS

2019-07

Android

2019-07

Notes

  • 1

    Partial. Only supported through a <link> tag.

  • 2

    Partial. Only supported directly through a <style> tag.

  • 3

    Buggy. Support depends on the version of IE installed.

  • 4

    Partial. The declaration is supported but distant fonts are ignored.

  • 5

    Buggy. Elements using a font declared with @font-face ignore the font stack and fall back to Times New Roman. Use mso-generic-font-family and mso-font-alt to control the fallback.

Resources

Know something we don't?

Is any of the above data outdated? Or do you want to add a new email client to the list? Heads on to GitHub and edit the data file!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email or get in touch on Twitter.

Test it yourself

This feature was last tested on July 18, 2019.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.

View the test code View test results on Email on Acid