Skip to main content
Documentation/The Editor/Preferences/Custom Fonts

Custom Fonts

Click the three-dot menu and choose Preferences > Custom Fonts to add site-wide font families. Changes apply with Save Fonts.

Hosted Files

Click Add Font, name it, click Add, and upload .woff / .woff2 files by drop or browse…. Each face has Font Weight and Normal / Italic; save afterward.

Full current Breakdance editor showing A custom font family with a regular and an italic face, with relevant control outlined and yellow highlighted pointer
Full current Breakdance editor showing A custom font family with a regular and an italic face, with relevant control outlined and yellow highlighted pointer

Files go to wp-content/uploads/breakdance/fonts/, with spaces/hyphens changed to underscores. Generated @font-face CSS uses font-display: swap. A family without files remains selectable for system or externally loaded fonts.

Variable Fonts

Use Add Variable Font, name/upload, then set supported Min Weight / Max Weight (1–1000) and optional Min Width / Max Width percentages (1–200). The family is labeled Variable.

External CSS

Choose Add CSS URL or initial Add External CSS, paste an @font-face stylesheet URL, and Add. Registered families show “Sourced from…” with no local file list.

Fallback and Removal

CSS Fallback String appends comma-separated families, such as Georgia, serif. Save and refresh to update builder fallbacks.

Delete removes a family or individual face after Save Fonts. Names cannot be edited; create a new family and update references.

Font stylesheets load only on pages using the family. Select it in typography and save the document; available files must match the chosen weight/style.