Add Custom Fonts

Use Your Own Fonts in Your Projects

Adrian avatar
Written by Adrian
Updated over a week ago

Available on

❌ Free

✅ Basic

✅ Pro

✅ Business

Use your own font types for your projects 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

To to make a new custom font available in the editor, please go the the Manage Custom Fonts page in your dashboard.

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 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 projects. 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 project. We only load the fonts that are being used in each project.

  • 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, 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

Did this answer your question?