Skip to main content
All CollectionsLanding PagesLanding Page Editor
Create Font Formats & Custom Fonts on Landing Pages
Create Font Formats & Custom Fonts on Landing Pages

Add your own fonts or use standardized system fonts for landing pages or websites

Hannah Krüger avatar
Written by Hannah Krüger
Updated over 3 months ago

Add Google Fonts

  1. Go to the Styles Menu in the left sidebar.

  2. Click on Font and on Add.

  3. A new font will be added - select Google as the source.

  4. Select a font category such as "Sans Serif".

  5. Under Font Family, you can now browse through the fonts or find your pre-selected font.

  6. Select the desired font and then click on Save.

  7. Navigate to Style > Text in the top menu bar and then select your newly added font under Font Family for the respective headline, list item, small font or paragraph.

💡 The Google fonts are loaded onto the host server in compliance with the GDPR when they are published so that they can be played locally by the published page and thus do not transmit any data to Google in the USA.


Add Custom Fonts

  1. Go to the Styles Menu in the left sidebar.

  2. Click on Font and on Add.

  3. A new font is added - select Custom as the source.

  4. Enter the URL of the CSS file under URL.
    ❗ Your custom font must be in a CSS file. The different font styles can be stored in this file, but not other fonts.

  5. Type in the Name of the font that is also stored in the CSS file.

  6. Click on Save.

  7. Now navigate to Style > Text in the top menu bar and then select your newly added font under Font Family for the respective headline, list item, small font or paragraph.

💡 Your custom font should be in a CSS file that is hosted on your site. This way we avoid any license issues. Please contact your design, development or IT team to ask for the URL.


Use Font Format

The font format can be used to create several different variants for each headline. The font format can then be selected and changed via the text editor.

  1. Go to the Styles Menu in the left sidebar.

  2. Click on Font Format in the top menu bar.

  3. Select the font you want to add another variant to.

  4. Click on the + to open the menu below.

  5. Type in your desired entries, also use the mobile icon to make settings for the mobile view of the font.
    💡 If you do not enter anything, the input will be taken from the styles.

  6. Click on Save.

  7. To use font formats, select a text within a text component so that the text editor opens. You can select a font on the left. By hovering over the fonts, the corresponding formats appear.

Did this answer your question?