@font-face

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

Estimated Support About

24.24% + 12.12% = 36.36%

Apple Mail

macOS

12.2

iOS

10.3
12.3.1

Gmail

Desktop Webmail

2019-07
6

iOS

2019-07

Android

2019-07

Mobile Webmail

2020-02

Outlook

Windows

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

Windows 10 Mail

2020-01

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

AOL

Desktop Webmail

2020-01

iOS

2020-01

Android

2020-01

Samsung Email

Android

6.0

Mozilla Thunderbird

macOS

60.7
78.5

ProtonMail

Desktop Webmail

2020-03

iOS

2020-03

Android

2020-03

Fastmail

Desktop Webmail

2021-07

HEY

Desktop Webmail

2020-06

Orange

Desktop Webmail

2019-05
2
2021-03
7

iOS

2019-07

Android

2019-07
1

LaPoste.net

Desktop Webmail

2021-08
2

SFR

Desktop Webmail

2019-07
2

iOS

2019-07

Android

2019-07

Mail.ru

Desktop Webmail

2020-10

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.

  • 6

    Not supported. Roboto and Google Sans can be used, but only because they’re embedded with the webmail’s own styles.

  • 7

    Not supported. The @font-face declaration is kept but the src property is removed.

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