# Fonts
Drop variable TTFs into `app/src/main/res/font/`:
- `inter.ttf` — primary UI font, used everywhere
- `fraunces.ttf` — optional; only used for `&` (ampersand) substitution via
`withFancyAmpersand()` so the swash form shows up on "Artist & Album" labels
## Install
**Inter:**
1. https://fonts.google.com/specimen/Inter → Get font.
2. Extract. Look for `Inter-VariableFont_opsz,wght.ttf`.
3. Rename to `inter.ttf` (lowercase — `res/font/` requires `[a-z0-9_]`).
4. Drop into `app/src/main/res/font/inter.ttf`.
**Fraunces** (optional):
1. https://fonts.google.com/specimen/Fraunces → Get font.
2. Extract. Look for `Fraunces[SOFT,WONK,opsz,wght].ttf`.
3. Rename to `fraunces.ttf`.
4. Drop into `app/src/main/res/font/fraunces.ttf`.
## Fallbacks
Both families are loaded via `Resources.getIdentifier()` so missing files
don't break the build:
- No `inter.ttf` → system SansSerif (Roboto on most TVs).
- No `fraunces.ttf` → system Serif for ampersands.
## Swash ampersand
Text sites that want the decorative `&`:
```kotlin
Text(withFancyAmpersand("Artist & Album"))
```
Everything non-ampersand stays in Inter.
