# Type · handoff notes

## Three families (no exceptions)

| Family | Weights | Use | Source |
|---|---|---|---|
| **Funnel Display** | 300, 400, 500 | Headlines, body, marks | [Google Fonts](https://fonts.google.com/specimen/Funnel+Display) |
| **Allura** | 400 | `<em>` emphasis only | [Google Fonts](https://fonts.google.com/specimen/Allura) |
| **JetBrains Mono** | 400, 500 | Labels, code, meta | [Google Fonts](https://fonts.google.com/specimen/JetBrains+Mono) |

## Web

```html
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300;400;500;600&family=Allura&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
```

Or import the bundled CSS: `<link rel="stylesheet" href="ds-type.css">`.

## Print

Download woff2 + otf from Google Fonts and license them through Google's OFL terms.
Embed fonts in all PDF exports (PDF/X-4 with **Embed All** on).

## Forbidden

Helvetica, Inter, Arial, Roboto, Times. Never bold (700+). Never italic on Funnel (italics belong to Allura).