Email Font Stack Generator
Select a web font and get a properly structured fallback stack for email compatibility.
Why use web fonts? They add personality and brand consistency. About 35-50% of email opens support web fonts (Apple/iOS users). With proper fallbacks, other clients gracefully degrade to system fonts. Use the generator below to get the best of both worlds!
text_fieldsSelect a Font
Modern, highly readable sans-serif designed for screens.
Google's signature font, clean and neutral.
Friendly and legible, great for body text.
Warm and stable, with a semi-rounded feel.
Urban and modern, inspired by Buenos Aires signage.
Geometric sans-serif with a friendly personality.
Adobe's first open-source font, highly readable.
Well-balanced with slightly rounded terminals.
Optimized for on-screen text, great for UI.
Elegant sans-serif, great for headings.
High-contrast serif, elegant for headings.
Designed for screens, excellent readability.
Contemporary serif with moderate contrast.
Universal serif designed for legibility.
Classic Baskerville style, optimized for web.
Monospace with programming ligatures.
Designed for developers, highly legible.
Adobe's monospace, clean and readable.
verifiedEmail-Safe System Fonts
These system fonts work in all email clients without any fallbacks needed. They're pre-installed on most devices and are the safest choice for email.
- checkApple Mail
- checkiOS Mail
- checkSome Android
- closeGmail
- closeOutlook
- closeYahoo
- checkApple Mail
- checkiOS Mail
- checkGmail
- checkOutlook
- checkYahoo
- checkAll clients!
previewPreview
The quick brown fox jumps over the lazy dog
Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump! The five boxing wizards jump quickly.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
codeGenerated CSS
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
}lightbulbEmail Font Tips
- checkAlways use inline
styleattributes for critical text - checkInclude the full fallback stack in every font-family declaration
- checkTest with web fonts disabled to see your fallback appearance
- checkUse 16px minimum font size for body text readability