# Self-hosted Inter fonts

Self-hosted to comply with **GDPR**. Loading fonts from Google Fonts CDN sends each visitor's IP address to Google — explicitly ruled illegal by a German court in 2022 (LG München I, 20 January 2022, file no. 3 O 17493/20). For an institutional B2G site addressing French ministries and EU security forces, Google Fonts is a non-starter.

## Files expected here

| File                              | Purpose                                          | Required |
|-----------------------------------|--------------------------------------------------|----------|
| `Inter-Variable.woff2`            | Body + UI font (variable axis: weight 100-900)   | ✅ Yes   |
| `Inter-Variable-Italic.woff2`     | Italic variant                                   | ✅ Yes   |
| `InterDisplay-Variable.woff2`     | Optimized for display sizes (titles, hero)       | 🟡 Recommended |

## Where to download

**Official source** : https://rsms.me/inter

1. Visit https://github.com/rsms/inter/releases/latest
2. Download the latest `Inter-X.Y.zip`.
3. Inside the ZIP, locate the `web/` folder.
4. Copy `Inter-Variable.woff2` and `Inter-Variable-Italic.woff2` into this directory.
5. For `InterDisplay-Variable.woff2`, look in `extras/web/` if present in the release, or use the same Inter Variable file (Inter 4+ merged Display into the optical-size axis).

**Alternative via npm** (if you already have a node toolchain) :

```bash
npm install @fontsource-variable/inter
cp node_modules/@fontsource-variable/inter/files/inter-latin-wght-normal.woff2 ./Inter-Variable.woff2
cp node_modules/@fontsource-variable/inter/files/inter-latin-wght-italic.woff2 ./Inter-Variable-Italic.woff2
```

## License

[SIL Open Font License 1.1](https://github.com/rsms/inter/blob/master/LICENSE.txt). Free to use, modify, and redistribute, including in commercial websites. Attribution not required but appreciated.

## After dropping the WOFF2 here

Nothing else to do. The `@font-face` declarations in `../css/tokens.css` reference these filenames directly. The `<link rel="preload">` in `functions.php` (`wp_head` action) starts fetching them on page load.

If a file is missing, the page silently falls back to the system stack (`-apple-system`, `Segoe UI`, `Roboto`, etc.) without any user-visible error.