[Font] Auto-héberger la police Inter (supprimer Google Fonts) #7

Closed
opened 2026-05-08 11:50:58 +00:00 by cedricAbonnel · 0 comments
Owner

Problème

La police Inter est chargée depuis fonts.googleapis.com :

https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap

Cela provoque :

  • Deux requêtes bloquées par la CSP (style-src 'self' 'unsafe-inline' n'autorise pas les domaines externes)
  • Une dépendance réseau vers Google

Correction

  1. Télécharger les fichiers de police Inter (woff2) en local — les variantes utilisées : ital,wght@0,400;0,500;0,600;0,700;1,400
  2. Placer les fichiers dans public/assets/fonts/
  3. Ajouter les déclarations @font-face dans public/assets/css/style.css (ou un fichier dédié)
  4. Supprimer le <link> vers fonts.googleapis.com dans le layout HTML
  5. Vérifier que la CSP n'a pas besoin d'être modifiée (le domaine fonts.gstatic.com ne doit plus être nécessaire)
## Problème La police Inter est chargée depuis `fonts.googleapis.com` : ``` https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap ``` Cela provoque : - Deux requêtes bloquées par la CSP (`style-src 'self' 'unsafe-inline'` n'autorise pas les domaines externes) - Une dépendance réseau vers Google ## Correction 1. Télécharger les fichiers de police Inter (woff2) en local — les variantes utilisées : `ital,wght@0,400;0,500;0,600;0,700;1,400` 2. Placer les fichiers dans `public/assets/fonts/` 3. Ajouter les déclarations `@font-face` dans `public/assets/css/style.css` (ou un fichier dédié) 4. Supprimer le `<link>` vers `fonts.googleapis.com` dans le layout HTML 5. Vérifier que la CSP n'a pas besoin d'être modifiée (le domaine `fonts.gstatic.com` ne doit plus être nécessaire)
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: cedricAbonnel/varlog#7