Web fonts help to create a consistent design voice for your brand across all channels. Inbox market share and support for web fonts has grown to the level where it's worthwhile spicing up your emails with an emphasis on typography. Custom fonts can be added to your account for use in Composer. Integrations with the following font services are currently available:

GOOGLE FONTS

Learn more about Google Fonts here

  • Price: Free.
  • Popular Fonts: Roboto, Open Sans, Lato, Oswald, Montserrat, Source Sans Pro, Raleway, PT Sans, Merriweather, Lora, Droid Sans, and Ubuntu.
  • Implementation: Add your Google Font using the Font Manager.

ADOBE FONTS

  • Price: Free and Paid (More Info)
  • Popular Fonts: Proxima Nova, Futura PT, Museo Sans, Museo Slab, Adelle, Brandon Grotesque, Nimbus Sans, Myriad Pro, Freight Sans Pro
  • Implementation: Click here for the User Guide. 

You can set up an Adobe Fonts account and add fonts by following the below steps.

  1. Setup an Adobe Fonts account.
  2. Create a web project.
  3. Select the font(s) to add to the web project by clicking </>.
  4. Navigate to the add fonts to a Web Project window.
  5. Click Create a New Project and Edit the Project.
  6. Click Create or click an existing project.
  7. Click Save.
  8. Click Edit Project.
  9. Copy the Project ID located at the top of the page. The Project ID will be used when adding the font to Listrak's Font Manager.

TYPOGRAPHY.COM

  • Price: Paid (More Info).
  • Popular Fonts: Gotham, Whitney, Didot, Ideal Sans, Mercury, Verlag, Chronicle, Gotham Rounded, and Forza.
  • Implementation: Click here for the User Guide. 

You can set up a Typography account and fonts by following the below steps.

  1. Set up a typography.com account.
  2. Create a new project from the Cloud Dashboard.
    If you already have an account with a published project, skip to step 9.
  3. Add a domain. Enter your site URL during setup. Other domains will need to be added later.
  4. Select the font(s) to add to the project.
  5. Select Project Mode and Publish this project to your server. (Setup Guide)
  6. Fonts will need to be hosted on a publicly accessible web server. Enter the URL where the fonts will be uploaded. If you'd like to host the fonts in your Listrak Media Library, see step 7, otherwise skip to step 8.
  7. Enter your branded media library URL found in Authoring > Content & Media > Media Library. We suggest creating a "Fonts" folder within the "Shared Media" folder in the Media Library.
    Example:
    http://media.XXXX.net/XXXX/Shared/Fonts
  8. Download the webfonts zip file, extract, and upload to the appropriate folder. Make sure to include the provided numbered folder. Confirm Your Installation.
  9. Add the domain *.listrak.com to enable access to the font in the Listrak application.
  10. Navigate to Tools. Then Email Campaigns.
  11. Check the box enable this project for use in email campaigns.
  12. Send the CSS key to your Listrak representative.
    <link rel="stylesheet" type="text/css" href="https://cloud.typography.com/XXXXXXX/XXXXXX/css/fonts.css" />
  13. Copy the CSS styling for each font including: font family, font style, and font weight, along with any suggested fallback fonts.
  14. Add to Listrak using the Font Manager.

CUSTOM FONTS

  1. Download font(s) from applicable provider.
  2. Add to Listrak using the Font Manager.
Did this answer your question?