Skip to main content

Working with landing page fonts

Abstract

Learn how to set a default font or use a custom font in landing pages .

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:

  1. In the left pane of the editor, click the Settings tab.

  2. Under General settings, scroll down and click the Text drop-down menu.

  3. 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 updownarrow.png) 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 updownarrow.png) to edit the text border's width.

    • Border Color - select the color of the text's border.

    • Border Radius - enter a number (or click updownarrow.png) to edit the text border's radius from 0 (rectangle) to 2000 (circle).

    • Padding - click Padding.png 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:

  1. In the left pane of the editor, click the Settings tab and expand Google fonts.

  2. Expand the font you want to add it as a design option, select your preferred style, and click Add.

  3. 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.

    Note

    Not 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:

  1. In the editing area, click the text item that you want to edit to display the Text settings in the right pane.

  2. In the Text section, click the Settings tab, and click Source code source_code.png.

  3. 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-weight in the code.

    For example, font-weight: 800 for bold.

  4. Click Save.