Beautiful Typography in Marketo Email and Landing Pages

It’s actually amazing how big of an impact updating your font can be. Steve Jobs was infamously known for being obsessed with fonts, and for good reason, the right font can take something from good to great.

There is often a lot of confusion from Marketers in terms of what is possible when it comes to changing your fonts from the ‘standard’ fonts that Marketo provides in the WYSIWYG editor.

We’ll give you a little background on fonts and how they actually work to help explain it better.

When you buy a computer, there is actually a bunch of font files saved on your operating system. When you read something in your email or on the web, the fonts are shown to you through properly by referencing those saved font files on your machine.

Here is a list of default fonts that are installed on PCs and Macs. The files in the middle are what are found universally regardless of the brand:

Screen Shot 2015-09-30 at 10.27.05 PM

As web browsers progressed, browsers started being able to download the font file on the fly, and then reference that file to show you the font in real-time. This is what enables you to see so many different fonts when you go from one website to the next.

So, to answer the original question, it is absolutely possible to customize your font in Marketo landing pages. When it comes to emails, because of varying support from different email clients, it’s a bit more complicated.

There are several font providers out there. Here are the most popular ones:

  • Google Font
  • Adobe TypeKit
  • Cloud.typography
  • Webtype
  • Fonts.com

Now, if you have a font that is not from a web provider listed above, don’t worry. You can still use it on your Marketo landing pages. You just need to upload that font file so that it is available for your visitors browser to download it and then convert the text to represent that font file for the viewer.

When we talk about fonts in email, about 50% of email clients now support web fonts:

Screen Shot 2015-09-30 at 10.26.56 PM

If you use Adobe Typekit, you’re out of luck (at least when it comes to using it in an email). Even though this is a ‘web font’ it is loaded through javascript, which is not supported in email clients. So you’re left with Google, font.com and webtype. There are more than enough options for you to find a very similar font to your brand font and go from there.

Now, since not ALL clients support web fonts, you’ll need a fallback font so that everyone can at least read your email. This is done in the code.

Bottom line: you should use web fonts as it will make your emails and landing pages much more beautiful, and even though not everyone will receive the identical experience, the people who cannot view web fonts won’t have a ‘bad’ experience, it just won’t be as good as the others.

Pierce Ujjainwalla has years of experience as a CEO, entrepreneur, and marketing leader. He has lived in the marketing trenches at companies like IBM, SAP, NVIDIA, and Marketo, and he launched Knak in 2015 as a platform designed to help Marketers simplify email creation. Visit his personal blog, Unsubscribed!, for more of the insight he’s gained as founder and CEO of Knak.

Most Popular

Where have all the executives gone? 9 lessons we learned from hiring our VPs

If you’ve been following my recent posts, you know that Knak has nearly doubled in size in the last few months. We’ve had a blast finding new team members to add to our collective skill set…

The top 50 email marketing resources you may not know about

The internet is full of email marketing resources with insights on how to write, design, and send emails — but how do you separate the wheat from the chaff? This list of email resources is designed…

Drinking our own champagne

In one of my very first jobs, I was a marketer at a software company. Three years in, my boss asked me to go to a trade show and help staff our booth. As a…