Skip to content
English
  • There are no suggestions because the search field is empty.

Can I use different fonts in my campaigns?

This guide will walk you through how to add custom fonts to your campaigns for a branded look

What you need:

  • Font files. You will need to upload your fonts to the Tradable Bits backend. To upload these fonts you must already have the correct licensing to use each font you upload.

1. How to upload fonts:

Go to the top navigation bar and choose the business you would like to upload your fonts to.

To upload your fonts to your business:

  1. Go to your desired business

  2. Click on Business Settings > Custom Fonts

  3. Click on the Upload button and then choose your font file.

  4. Give your font a name that is easy for you to recall

  5. Repeat steps 1-4 until you have uploaded all of your desired fonts

2. How to set different default fonts for different presets:

Set it as your desired font in a preset you create for your business. Learn how to create a Theme Preset here.

3. How to use previously uploaded fonts in your campaigns:

  1. Adding a custom font-style using Design Tab > Custom CSS/JS:

    1. Go to your desired business

    2. Click on Business Settings > Custom Fonts

    3. Click on the little "i" icon beside your font. This icon will give you all the information you need to apply that font to a different font style using CSS in your campaign styling

    4. Copy all of the information from inside the tooltip window and save it to apply later in your campaign.
    5. Go to the campaign where you want to use multiple font styles, and click on Design -> Custom CSS/JS.
    6. In the Custom CSS section, paste the first block of text from your tooltip information (i.e., the section that starts with @font-face).
    7. Then, choose the element you want to style (such as an h1, h2, or label) and place it right before the second part of your tooltip code. For example: h1 { font-family: 'X'; }
      (where 'X' is the name of your pre-saved custom font)
    8. Click Save
    9. Preview or refresh your campaign page to confirm that your custom font displays correctly.
  2. Or you can apply a Custom Font to the entire campaign by using the Design Tab > Theme Settings option:
    1. Select your desired business profile.
    2. Go to the campaign where you want to use the custom font.
    3. Enter Design > Theme Settings.
    4. In the right menu, click Font to expand the menu options.
    5. Inside the Font Family field, choose your newly uploaded custom font from the dropdown list.
    6. Click Save to apply the font across your entire campaign.
  3. Check whether your font has been applied correctly by clicking on the "eye" icon and previewing your campaign

 

Still need assistance? Please reach out to your Customer Success Team or contact support@tradablebits.com