Can I use custom fonts in my email?

The short answer is, yes you can.

However, it is NOT recommended to do so, since custom fonts are not supported in most popular email clients. It is better to use a default font to ensure a consistent experience. 

While web fonts don’t have universal support, these are the email clients that currently support custom web fonts in email (11/2017):

  • AOL Mail
  • Native Android mail app (NOT Gmail app)
  • Apple Mail
  • iOS Mail
  • Outlook 2000
  • Outlook.com app

Important note:

  • In your Remarkety template editor, you will have to switch to HTML mode in order to add the special font code into your email template. The system might not let you switch back to drag&drop mode. If this is the case, just contact our support team to enable this feature.

If you decide to use custom font, make sure to have a fallback font. Choosing the right fallback font that retains your email’s design is key to serving up a great experience for all your subscribers, no matter which email client they’re using.

There are three main approaches you can take when using web fonts into your emails. 

1. The @IMPORT method
Example: Place the following line of code in the <head> of your email, usually at the top of your <style> section.

@import url('https://fonts.googleapis.com/css?family=Montserrat');

2. The <LINK> method
Example: Place the following line of code in the <head> of your email, usually at the top of your <style> section.

<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">

3. The @FONT-FACE method
Example: Place the following line of code inside the <style> section.

@font-face {
 font-family: 'Montserrat';
 font-style: normal;
 font-weight: 400;
 src: local('Montserrat-Regular'),   url(https://fonts.gstatic.com/s/montserrat/v7/zhcz_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

Here is a great source where you can find anything you need to know (and more) about custom font in email:

https://litmus.com/blog/the-ultimate-guide-to-web-fonts

Thanks,

The Remarkety Team

 

 

 

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.