You have the ability to implement fonts for your campaigns within the Campaign Editor of your My Extole account. This allows you to match your referral program fonts to the branding on your site.

Web-Safe Fonts

These are fonts that are safe to use across all email clients, web browsers, and devices. The most common examples are Arial and Helvetica for sans-serif fonts and Georgia, Times New Roman for serif fonts. You can find a list at: CSS Font Stack.

Google Fonts

Google Fonts are very common and easy to implement. While they are still not 100% supported in all email clients, they offer more support than Custom Web Fonts do. See the chart below to see the supported browsers:

Go to https://fonts.google.com/ in order to pick out the font-family for each the body font and the header font. Then click on the "+" sign next to the font-family you'd like to use. We use Roboto as an example here.

When you click on the "+" sign you'll see "1 Family Selected" - click on that to expand it.

Go to the "EMBED" tab and click on "@IMPORT".

Implementing Supported Fonts in Campaign Edit

The Overview section of Campaign Edit is where you will configure the font-family, which will cascade through all creatives. It consists of body font-family and header font-family. The body font will always have a font-weight of 400 / normal. The header font will always have a font-weight of 700 / bold.

Follow the instructions under the "How to Select your Google Font" section above, then continue on to do the following to integrate in Campaign Edit:

Copy the URL reference from Google Fonts to use in Campaign Edit—you should have this available if you completed all of the steps successfully in the above section.

In Campaign Edit, paste this URL reference under "Body Google Font Family URL" or "Header Google Font Family URL".

Now copy the font family name from Google Fonts.

Add the font family name in Campaign Edit, but make sure to also add a fallback web-safe font family to ensure that there is a second option in case your Google Font is not supported.

If you are not using Google Fonts and only want to use web-safe fonts, it's very simple.

You can ignore the Google Font URL settings and go straight to the "Body Font Family" / "Header Font Family" settings in the Overview section in Campaign Edit. Add the web-safe font family name in Campaign Edit, and make sure to add an additional fallback font-family.

NOTE: If the font-family has more than one word, you'll need to put it in quotes (ex: 'Times New Roman').