Font Size

How large the text in the column is.

Where to find it
Labelled Typography → Size in the "Selected Column" section of the Modify drawer.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
Underlying CSS
fontSize

In plain English

Font size is how big the letters are. Browsers default to 16px for body text, and that is a genuinely good number — it is the size most people read comfortably without leaning in.

The unit you choose changes the behaviour. Pixels are absolute: 18px is 18px everywhere. rem is a multiple of the page's base size, so 1.125rem is 18px on a normal page but respects a visitor who has increased their browser's default text size for accessibility reasons. That makes rem the kinder choice for body text.

Because font size is inherited, setting it on the column scales all the text inside it at once.

When you would use it

  • Body text is too small to read comfortably.
  • A heading needs more presence on the page.
  • Fine print such as a disclaimer should be visibly secondary.

How to change it

  1. Select the column, open "Selected Column", then "Typography", then "Size".
  2. Enter a number and choose a unit. 16px (or 1rem) is a sound default for body text.
  3. Uncheck "Same value for all resolutions" when a heading that works on desktop is too large for a phone — this is the most common per-device adjustment of all.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • Do not go below 14px for anything a visitor is expected to read. Small text is the most common accessibility complaint there is.
  • Large headings often need a tighter Line height to stop them looking loose and disconnected.
  • A size set in px overrides a visitor's own browser text-size preference. rem respects it.

Related settings

For developers

The technical reference for what this setting produces: MDN: font-size. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.

Where to go next