How to Use Google Fonts in an Email Campaign

MailerPress lets you install Google Fonts (free fonts from Google) and use them in your emails to match your brand. Not every email app can display them, so check which fonts are safe before you choose. Google Fonts are included in the free MailerPress plugin.

Web-safe fonts and Google Fonts

The editor includes web-safe fonts, installed on most devices and displayed the same way almost everywhere: Arial, Helvetica, Helvetica Neue, Verdana, Tahoma, Trebuchet MS, Georgia, Times New Roman, Courier New, Courier and Impact.

Google Fonts give your emails more personality, but support is limited. Apple Mail, iOS Mail and some versions of Outlook display them. Others, such as Gmail and older versions of Outlook, show a default font instead. Keep this in mind for important text and always send yourself a test email.

Install a Google Font

  1. Open any campaign in the MailerPress editor.
  2. Open the Settings menu (three dots, top right) and choose Font manager, or press Ctrl+Shift+F (Cmd+Shift+F on Mac). You can also open the Styles tab of the right sidebar, click Typography, then Manage fonts next to Fonts.
  3. In the Fonts window, go to the Install fonts tab.
  4. Find the font with the search field or the Category filter, then click it to see its variants (weights and styles such as bold or italic).
  5. Select the variants you need and click Install. The message Fonts were installed successfully. appears, and the font is listed in the Library tab.

The font files are stored on your own site, in wp-content/uploads/mailerpress-fonts by default. Email apps that support these fonts load them from your site, not from Google.

Use a Google Font in your emails

  • For one block: select a Text or Heading block. In the Typography section of the Block tab, choose your font in Font Family.
  • As the default font: in the Styles tab, open Typography and click Text, Links, Headings or Buttons under Elements, then choose the font. See Set the global styles of your emails.

Delete a Google Font

In the font manager, open the Library tab and click Delete next to the font you want to remove.