In this Article:
Add Google Fonts
Go to the Styles Menu in the left sidebar.
Click on Font as well as on Add.
A new font will be added – select Google as the source.
Pick a font category like “Sans Serif”.
Under Font Family, you can now browse through the fonts.
Select a font, press Save.
Navigate to Style > Text in the top menu bar and then select your newly added font under Custom Font Family for a specific Headline, List Item, Small Font or Paragraph.
💡 The Google Fonts are loaded on the host server in compliance with the German Data Protection Act (DSGVO) 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
Go to the Styles Menu in the left sidebar.
Click on Font as well as on Add.
A new font will be added – select Custom as the source.
Enter the URL of the CSS file under URL.
❗ Your Custom font must be located in a CSS file. This file can contain the different font styles, but not other fonts.
Type the name of the font that is also stored in the CSS file.
Press Save.
Now navigate to Style > Text in the top menu bar and select your newly added font under Custom Font Family for a specific Headline, List Item, Small Font or Paragraph.
💡 You can store a fallback font under “Font Family”. Here, you select a system font.
Use Font Format
Using font formats, several variants can be created per headline. The font format can then be selected and changed via the rich text editor.
Go to the Styles Menu in the left sidebar.
Click Font Format in the top menu bar.
Select a Headline that should get another variation.
Click on the + to open the menu below.
Enter your desired inputs, also use the mobile icon to make adjustments to the mobile view of the font.
💡 If you do not enter anything, the input will be taken from the styles.
Press Save.
To use font styles, select a text within a text component so that the rich text editor opens. On the left, you can select a font. By hovering over the fonts, the corresponding formats appear.
