Skip to content

Answers use only the pages of this documentation, and every answer links to the pages it came from. Your question is sent to our answering service to be answered, and kept so the people who write these pages can see what readers ask.

Fonts

The Fonts section lets you customise the typography used throughout your app.

Fonts

Two fonts drive the whole app:

  • Headings — Used for titles, subtitles, and other primary text.
  • Body — Used for the majority of the text in your app.

The Headings font controls the typography used for headings throughout your app.

1.) Open the Headings dropdown.

2.) Browse the available fonts.

3.) Select the font you want to use.

The selected font is applied to the relevant headings in your app.

The Body font is used for most of the text throughout your app, including descriptions, labels, instructions, and other standard text.

For body text, choose a font that is simple, clean, and easy to read, especially when users need to read larger amounts of content.

Using separate fonts for headings and body text can also help create a clear visual hierarchy in your app.

The following font families are available:

  • Standard System Font
  • Inter
  • Poppins
  • Montserrat
  • Roboto
  • Work Sans
  • DM Sans
  • Nunito
  • Lora
  • Playfair Display
  • Space Grotesk

The list is limited to fonts that the app itself can load. A font outside this list may appear correctly in the builder but fall back to another font on a real phone.

The Fonts section does not appear if your app’s theme has no font tokens.