AllDesignStylingText & Fonts

Text & Fonts

Configure typography for headings, body text, small text, and quotes.

Update typography

1

Open Styling

Go to

Styling

.

2

Select Text & Fonts

Choose Text & Fonts.

3

Pick an element

Select a text style like Heading H1, Paragraph, Small, or Quote.

Typography settings

You can customize:

  • Font family
  • Font size
  • Font weight and styles (bold, italic, underline, uppercase)
  • Letter spacing and line height
  • Text color per element

Responsive heading behavior

Saved heading styles can include explicit font size and line-height values. On smaller screens, Text and Dynamic Text headings scale those values more smoothly so long headings are less likely to overflow their row.

Still review important pages in Responsive Design after making large heading changes.

Small text style

Use the Small typography style for helper text, disclaimers, and secondary notes.

  • Small text has its own global font, size, spacing, and color controls.
  • Text blocks set to Small follow this global style automatically.

Add custom and Google fonts

Use Add Fonts to open the Custom Fonts Manager.

  • Add Google fonts from the selector
  • Upload custom fonts from Files. Prefer WOFF2 when available and use WOFF only as a fallback.
  • Keep related files named consistently, such as Regular, Bold, and Italic, so the manager can group them into one family more easily.
  • Up to 10 fonts can be selected at once

Manage custom font faces

  • Use Manage Faces on a custom family to review the saved files for that family in one place.
  • Adjust the weight and style for each uploaded face if the automatic label needs cleanup.
  • Remove extra faces you do not want to offer in the editor.
  • Font-aware weight pickers across the builder follow the saved face list, so unsupported weights stay out of the dropdown.
Updated May 13, 2026

Was this helpful?