Typography
Signal uses two typefaces: a display face for headings and a body face for everything else. Find them under Theme settings → Typography.
| Setting | What it controls | Default |
|---|---|---|
| Heading font | Every display heading, section title, and the loading-screen wordmark. | Anton |
| Body font | Body copy, navigation, buttons, labels, prices, form fields. | Inter |
| Heading letter spacing | Tightens or loosens the spacing between letters in headings. Range −4 to 4 px. | 0 |
Choosing fonts
Section titled “Choosing fonts”The theme’s character comes from the contrast between a heavy, condensed display face and a plain, readable body face. Keep that contrast and most pairings work.
What tends not to work: a decorative body font (headings are short, body copy is not), or a display face too similar to the body face, which makes headings read as merely bigger rather than different.
Heading sizes scale with the screen automatically — you do not set them. A hero headline is large on a desktop and still fits a phone.
If it looks wrong
Section titled “If it looks wrong”Headings look weak. Your display font is probably too light. Pick a heavier weight in the font picker.
Headings are cramped on mobile. Add 1 px of letter spacing, or choose a slightly less condensed face.
The font did not change anywhere. Check you changed the right one — most visible text on a storefront is body, not headings.