Font tokens
Understand the current availability of font tokens.
Current availability
Font token creation is not currently enabled in the Design Tokens add menu. You may see font-related token types referenced in planning or disabled UI states, but the current editor only enables Color, Number, and String token creation.
Current workflow
Document font families and type scale decisions outside the token set, or store notes in String tokens if you need a reference inside the Design Tokens panel.
Naming recommendations
Use a semantic naming structure that describes the role, not the literal value:
| Good name | Avoid |
|---|---|
font/body/name | font/inter |
font-size/base/note | font-size/16px |
font/code/name | font/monospace-font |
Role-based names stay meaningful even if the underlying font changes.
Tips
- Keep each project to 2–3 typefaces where possible.
- Document the type scale you use most often (xs, sm, base, lg, xl, 2xl, etc.).
- Verify that selected font families are installed on collaborators' machines — missing fonts display as a fallback.