How to use custom font in email template

19,362

@font-face is not supported in some email clients, but not all. Depending on what fonts you're designing with, you could specify a font-stack the starts with a custom font and falls back to similar system fonts. Something like:

font-family: 'open sans', 'helvetica neue', sans-serif;

The email won't match pixel perfect in every email client, but does it have to? More info on email typography, web fonts, and fallbacks.

You can make an image of each text blog as Jeff suggests, but it's not a great solution that needs to scale.

Share:
19,362

Related videos on Youtube

Omid Nikrah
Author by

Omid Nikrah

Software Developer

Updated on October 21, 2022

Comments

  • Omid Nikrah
    Omid Nikrah over 1 year

    I want to use customs fonts in email templates but why @font-face style is not supported by most of the mail providers

    what to do now?

  • Omid Nikrah
    Omid Nikrah over 7 years
    how i can embed font with inline css?because in email template should be use only inline css