Monday, December 18, 2017

Add Google Fonts to ConvertKit Custom Email Templates

It’s no secret that building an email list is a crucial part of establishing a successful creative business. Recently, I have looked into switching a few of my lists over to ConvertKit. (aff.)

ConvertKit is an email marketing tool that many professional bloggers are using to grow their audience and increase conversion. The UI is really straightforward and easy-to-use, so I’m in the process of moving some of my email lists over.

As a designer, it’s really important to me that my emails look good, so the first thing I looked into was the process of changing the way they look. I was pleased to find that ConvertKit provides a simple way to build custom email templates.

Here’s a screenshot to show you what the custom email template looks like:

How to Add Google Fonts to ConvertKit

One of my favorite typefaces is Cormorant Garamond from Google Fonts, and I currently use that on No Sidebar. I want my brand to have a cohesive look, so I researched whether or not I could use Google Fonts in my ConvertKit emails.

Lucky for me, there is a way to do this, and it’s really easy. All you need to do is generate the @import generated from Google Fonts and add it to the top of the custom email template style declarations.

Here’s a screenshot to show you what the custom email template looks like:

How to Add Google Fonts to ConvertKit

Unfortunately, some email clients don’t render Google Fonts in ConvertKit but there are many that do. Below is a list of email clients that support webfonts, all of which are in the top 10 most popular email clients.

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

Read more source :
Add Google Fonts to ConvertKit Custom Email Templates

0 comments:

Post a Comment