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
  • Use Typography tools to standardize H1 through H6, apply the H1 font, weight, or color across headings, or reset the heading scale.
  • Use each text style's Style actions menu to copy an exact style from another element, or match the style while keeping the destination size.

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

Published pages and previews preload selected Google fonts so typography appears more consistently as pages load.

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.
  • The selected fonts list shows saved face details so you can spot families that need weight or style cleanup before using them in global typography.
Updated May 31, 2026

Was this helpful?