With over 100 native Google and web-safe fonts to choose from, our list of fonts offers something for everyone. However, we understand that some brands have their own fonts, which they prefer to use. Generally speaking we don’t offer support for custom fonts. This doesn’t mean you can’t use them, however, if you’re having issues with the font rendering on your page, we may not be able to offer much assistance in resolving the issue. Using custom fonts generally requires you to have a basic understanding of HTML/CSS.

We DO NOT support uploading a font to our pages, you will need the Font Family HTML script in order to use your custom font. Custom font scripts can be added to your campaign via the Default Campaign Settings.

  1. From the campaign dashboard, select the campaign you want to work on.
  2. Click “Settings” in the top menu bar and scroll down to “Landing Page Analytics and Tracking Codes.”
  3. Click “Edit.”

4. Add your font scripts to the Header Scripts – All Pages section.

  1. Scroll down and Save your changes.
  2. Back in the editor, find the snippet containing the text you wish to update and click within the snippet container to bring up the text editing bar. From this bar click the “Code View” icon. This will open the inline HTML for the snippet you’re working on.

 

 

 

 

Locate the portion of text you wish to update in the code view. Highlighting the text prior to opening the Code View will also highlight the selected portion of text in the code view. This is helpful in locating your desired portion of text in text areas which contain a large amount of text or images.

  1. Locate the paragraph format for the selected portion of text (for example <h3> or <p>). You will need to add the ‘style’ attribute, and assign the proper font family. For example:
    <h1 style="font-family:verdana;">Assigns Verdana font to your headline text.</h1>
    <p style="font-family:courier;">Assigns Courier font to your paragraph (normal) text.</p>

    Note: If a font name contains white-space, it must be quoted. Single quotes would then be used when using the “style” attribute in HTML. For example:

    <h1 style='font-family:"Architects Daughter";'>Assigns Architect's Daughter font to your headline text.</h1>
  2. Alternatively, rather than setting the font via the inline HTML, you can add custom CSS to your page via the left menu>Settings>Page Settings>Custom CSS.

    There’s no need to add style tags, we automatically add your Custom CSS to the stylesheet. You can use Chrome Developer Tools (F12) to locate the element names on your page. Your CSS would look something like:
    p {
        font-family: "Times New Roman";
    }

    The above would assign the font “Times New Roman” to any text in paragraph (normal) format.

 

Other important things to note –

  • We DO NOT support uploading custom fonts to our servers.

If you have any other questions, please reach out to us at support@kickofflabs.com for further assistance.