Font stacking in HTML emails

I'm aware of the principle of font stacking in web page design although I've never used it myself.
Am I right in assuming that font stacking will not work in HTML emails even if inline CSS is used?
Or can if be used safely? If so how?


Blake, 6 years ago

Hi Julian,

In e-mail it's exactly the same principle as in web browsers. You simply set the font-family CSS property to your list of fonts in order of most preferred to least preferred. For example, if you look at the following code:

<p style="font-family: Helvetica, Arial, sans-serif;">This is a paragraph.</p>

In this case the paragraph would display in Helvetica, but if that font wasn't available it would fall back to Arial, and if that wasn't available it would use the default sans-serif font on the system.

Hope that helps., 6 years ago

Hey thanks for that Blake.

Julian Wellings | Expertise on Tap 
Email Marketing | Video Marketing | Cheltenham UK
Follow me on Twitter

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free