Skip to main content
Documentation/Elements & Controls Reference/Global Settings/Typography

Typography

Open the top bar menu and choose Global Settings > Typography, configure shared styles, and save.

Fonts and Scale

Heading Font / Body Font set families. Base Size starts the type scale; Ratio multiplies successive sizes. Explicit heading/element sizes override the scale.

Global Typography showing Heading Font, Body Font, Base Size, and Ratio — annotated full interface

Advanced > Body and Advanced > Headings > All Headings / H1–H6 each provide Color / Typography. Styling does not change HTML heading levels.

Advanced Headings with All Headings and H1 through H6 — annotated full interface

Typography Controls

Choose Custom values or Preset, which replaces custom typography while selected.

  • Font Family / Font Size / Weight / Line Height — Family, size/unit, weight (100–900 by 100), line spacing. Weights require corresponding font files.
  • Advanced > Letter Spacing / Word Spacing — Character/word gaps.
  • Style — normal / italic.
  • Font Width — Supported font width.
  • Transform — AA uppercase, aa lowercase, Aa capitalize, none.
  • Direction — ltr / rtl.
  • Text Wrap — Wrap / Nowrap / Balance / Pretty for normal, prevented, balanced, or improved wrapping.
  • Decoration > Line — underline / overline / line-through / none.
  • Decoration > Style — solid / double / dotted / dashed / wavy.
  • Decoration > Color / Thickness / Underline Offset — Decoration color, thickness, offset.

Use supported responsive values. Existing styles may expose Line Height (deprecated); use the main control for new styles.

Custom typography with its font and Advanced controls — annotated full interface

Advanced > Links supplies hover-capable Color, Font Weight (100–900 by 100), and Decoration > Style / Color / Line / Thickness. Decoration uses the choices above, with none also available for Style.

Advanced Links and Decoration controls — annotated full interface

Presets

Choose Typography > Presets > Add Preset, enter Preset Name, configure, and save. Select it in compatible controls. Edits update bindings; deletion requires confirmation.

Typography Presets with a named preset and its settings — annotated full interface