---
url: https://docs.youcan.shop/celeste-ui/foundations/typography.md
---
# Typography

The font families, sizes, and weights used by Celeste UI.

## Font Families

Celeste UI uses **Inter Variable** and **InterDisplay** for Latin text, **Cairo** for Arabic, and **Geist Mono** for code.

| Family | Value |
|--------|-------|
| `--font-families-sans` | `InterVariable, Cairo, sans-serif` |
| `--font-families-display` | `InterDisplay, Cairo, sans-serif` |
| `--font-families-mono` | `Geist Mono, monospace` |

## Type Scale