Work with form fonts

In the form editor, you can change the default font or add a custom font to your design. This allows you to use your brand's fonts.

Set a default font

Not all of the available fonts are 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 Options tab.

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

  3. Configure 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 form editor, you can add a custom font to your design.

To add a custom font:

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

  2. Expand the font you want to add 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 as a toolbar above the text. Click the fonts drop-down menu, and select the font you just added.

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

  2. In the text editor toolbar, click Source code .

  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.

Do you have some feedback for us?

If you have suggestions for improving this article,