To use a font on your landing page, you must first add it to your project settings. Once added, it will be available for selection on any text element in your editor.
Part 1: Adding the Font to Project Settings
This step loads the font into your page project, making it available for use.
- Open Page Settings
In the Landing Page Editor, click the Settings gear icon located on the left side of the screen.
In the Settings modal, navigate to the Fonts tab on the left-hand menu. - Select and Add the Font
Under the “Google Fonts” section, click the Select Font dropdown menu.
Scroll or search to find the font you wish to add and click on it. The selected font will immediately appear in the Selected Fonts list below. - Save Settings
Click the Save Settings button at the bottom of the modal window to confirm the selection and load the font into your project.
Part 2: Applying the Font to a Text Element
Once the font is saved in your project settings, you can apply it to any text element on your page.
- Select a Text Element
Click on the text block you want to style (e.g., a heading, paragraph, or button).
The component settings panel will open on the right side of the editor. - Apply the Font Family
Under the Text properties, locate the Font Family dropdown menu.
Click the dropdown, and you will now see your newly added font listed as an available option.
Select the new font to apply it to your text element.