What are fallback font strategies?

Still have a question, spotted an error, or have a better explanation or a source we should cite?

You're using a custom font in your email, but you know it won't work in every client. So you need a backup plan. A font stack lists multiple fonts in order, and the email client uses whichever one it can find first. Your job is to start with your ideal choice, add similar alternatives, and end with a generic family that every system has.

Here's a real example: font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; This tells the client, 'Try Proxima Nova first. If that doesn't work, use Helvetica Neue. Then Helvetica. Then Arial. If none of those exist, use whatever sans-serif font the system has installed.'

Always end your stack with a generic family. These are your catch-all options. sans-serif means the system's default sans-serif font. serif means a Times-like font. monospace means a Courier-like font. This guarantees something will render instead of the client falling back to its own default (which might look terrible). Learn which fonts are web-safe and work everywhere, then understand why web fonts sometimes fail in email so your fallback strategy makes sense. Test your font stack across clients so you see exactly what your audience gets.

Contributors

Who worked on this answer

Every name links to their profile. Every company links to their site. Real people, real accountability.

Ask an AI · tailored to your setup

Build a font stack for your email

How do I write a font stack so my email has a backup font if the first one doesn't work?

Edit the yellow boxes, then send to the AI of your choice.