Skip to main content
All CollectionsAdd-Ons
Add Custom Fonts
Add Custom Fonts

Use Your Own Fonts to Ensure Consistent Branding Across All Your Interactive Content

Adrian avatar
Written by Adrian
Updated over a month ago

Available on

❌ Free

✅ Basic

✅ Pro

✅ Business

Use your own font types for your involve.me funnels in addition to the Google Font selection, to increase the personalization of your content and boost your brand recognition.

How to Add a Custom Font

In order to make a new custom font available in the editor, simply go the the Manage Custom Fonts page. You can access this page by clicking the down arrow next to your name/organization name, this will open a dropdown and from there you can pick the option "Custom Fonts".

Alternatively, you can also access the "Manage Custom Fonts" page via the editor. Whenever you have an element that uses text, head over to the "Design" tab and you'll have the icon right next to the dropdown where you pick your font - click that icon and the "Manage Custom Fonts" page will open.

How many custom fonts you can add will depend on your plan:

  • Basic: 1 custom font

  • Pro: 5 custom fonts

  • Business: 15 custom fonts

Click on the "Add custom font" button to continue.

Here you will be able to either enter the URLs to your font files, or simply upload them to involve.me by clicking the "Upload" button.

GDPR Compliance

If you're on a paid plan, you can rest assured as our Google fonts are GDPR friendly - this is made possible by loading the Google Fonts via a zero tracking CDN.

If you're on the free plan however, and GDPR compliance is a concern, then we recommend using system fonts (the first 8 from the font dropdown in the editor, Arial - Impact) in your funnels. These are local fonts that are installed across all browsers and not loaded from online sources, so they are GDPR compliant.

Important Details

  • The name of your font is internal, you can only see it in the editor. Please be aware that you cannot change it afterwards, but you can remove your font and add it with a new name.

  • Fonts that are removed will not work in the editor anymore.

  • You need to add the direct links to your font files, and they need to end with the file extension of the format. All URLs need to start with https and must be directly accessible (no CORS restrictions).

  • Add as many file formats as possible, the more the better. This way they'll be supported across all browsers.

  • Please be aware that certain fonts may increase the load time of your funnel. We only load the fonts that are being used in each funnel.

  • Only organization owners are able to manage custom fonts. However, Editors can still use them.

After you've added the font, you will be able to select it from any font selection dropdown in the editor.

How to Find Your Font URLs

Even though you can upload your font files to involve.me, if you're hosting them on a public location (eg. your own website) then they can also be loaded from there.

Possible hosting locations:

  • FTP - upload to your own website server

  • Amazon S3 Bucket or similar cloud storage services

ℹ️ Please be aware that your font files need to be allowed to be loaded from external domains (CORS policy, test your URL here) - you might need to ask your website admin to fix this.

Find the URLs of Fonts You Already Use on Your Website

You can do the following by using developer tools in either Chrome or Edge:

  1. Open the browser and go to the website from where you need to download the font.

  2. Go to the three dots menu on the browser and click More Tools > Developer Tools or use the Ctrl + Shift + I/Option + Command + I shortcut, for Windows and Mac users respectively.

  3. In the Developer Tools section, click on the double arrow button and then select and open the Network tab from the top menu bar.

  4. Reload the website you are on.

  5. Click on the Font category and you will see a list of the embedded fonts with respective font names present on the website. You can select a font from the list and you will see its preview in the dedicated panel (to identify the font format simply hover the mouse over the font and see the file extension at the end).

  6. Right-click on the font, and then select Copy > Copy link address - this will be the URL you need for involve.me

Did this answer your question?