Working with landing page fonts
In the landing page editor, you can change the default font or add a custom font to your landing page design. This allows you to use your brand's fonts in growing your audience .
Set a default font
Not all of the available fonts may be supported by all email clients. To ensure that your design works even if a custom font you have selected is not supported, you can set a default font.
To set a default font:
-
In the left pane of the editor, click the Settings tab.
-
Under General settings, scroll down and click the Text drop-down menu.
-
Edit the settings of the default font for your text. You can set the following:
-
Default Font Color - select the font color.
-
Default Font Size - enter a number (or click
) to edit the text's font size. -
Default Line Height - enter a number from 1 (single line) to 2 (double line) to adjust the spacing between text lines.
-
Default Font Family - select a font type.
-
Background color - select the text's background color.
-
Shadow Settings - click to edit the text's horizontal or vertical shadow length, blur, spread radius, and shadow color.
-
Border Width - enter a number (or click
) to edit the text border's width. -
Border Color - select the color of the text's border.
-
Border Radius - enter a number (or click
) to edit the text border's radius from 0 (rectangle) to 2000 (circle). -
Padding - click
to display the padding options and enter a padding from 0 to 2000.
-
Add a custom font
In the landing page editor, you can add a custom font to your landing page design.
To add a custom font:
-
In the left pane of the editor, click the Settings tab and expand Google fonts.
-
Expand the font you want to add it as a design option, select your preferred style, and click Add.
-
If you now click a text item, the text editor options are displayed in the right pane. On the Style tab, click the fonts drop-down menu, and you can select the font you just added from the Fonts drop-down menu.
NoteNot all email clients support custom fonts.
Change the custom font weight
After adding a custom font, you can change its default font weight and apply it to your design.
To change the custom font weight:
-
In the editing area, click the text item that you want to edit to display the Text settings in the right pane.
-
In the Text section, click the Settings tab, and click Source code
. -
In the Source Code dialog, edit the default font weight setting with your preferred font weight. You can directly add or edit the CSS property
font-weightin the code.For example,
font-weight: 800for bold. -
Click Save.