Email Design Email Typography 1 — Questions and Answers
Question 1: Which font type is considered safest to use in HTML emails for cross-client compatibility?
- Google Fonts
- Web fonts loaded via @font-face
- System/web-safe fonts (Correct answer)
- Variable fonts
Correct answer: System/web-safe fonts
Web-safe fonts like Arial, Georgia, and Verdana are installed on most operating systems and render reliably across all email clients.
Question 2: What is a 'font stack' in email CSS?
- A collection of font files uploaded to a CDN
- A prioritized list of fonts with fallbacks (Correct answer)
- A method to bold and italicize text simultaneously
- A technique for combining two font files
Correct answer: A prioritized list of fonts with fallbacks
A font stack lists preferred fonts in order, so if the first isn't available, the email client falls back to the next option.
Question 3: What is the recommended minimum font size for body text in marketing emails?
- 8px
- 10px
- 14px (Correct answer)
- 20px
Correct answer: 14px
A minimum of 14px for body text ensures readability across devices, especially on small mobile screens.
Question 4: Which property controls the space between lines of text in email CSS?
- letter-spacing
- word-spacing
- line-height (Correct answer)
- text-indent
Correct answer: line-height
The line-height property sets the vertical space between lines of text, improving readability when set to 1.4–1.6 for body copy.
Question 5: What is the typical recommended font size for email headlines (H1)?
- 14–16px
- 18–22px
- 28–36px (Correct answer)
- 48–60px
Correct answer: 28–36px
Email headlines are typically set between 28–36px to create a clear visual hierarchy and stand out from body text.
Question 6: Why should email designers limit the number of typefaces used in a single email?
- More fonts slow down email rendering significantly
- Using too many fonts creates visual noise and reduces brand consistency (Correct answer)
- Email clients block more than two fonts
- Extra fonts increase the email's spam score
Correct answer: Using too many fonts creates visual noise and reduces brand consistency
Using too many typefaces creates visual clutter and weakens brand identity; best practice is to use two fonts maximum.
Which font type is considered safest to use in HTML emails for cross-client compatibility?