Google Fonts
G
Definition complete
Google Fonts est la bibliotheque de polices web gratuite de Google, offrant plus de 1500 familles de polices open-source optimisees pour le web. C'est la solution la plus populaire pour utiliser des polices personnalisees sans frais de licence.
L'utilisation est simple : selectionner les polices et graisses souhaitees, copier le code embed (link ou @import), et utiliser la police dans le CSS. Google Fonts optimise automatiquement la livraison selon le navigateur et la localisation de l'utilisateur.
Les bonnes pratiques de performance incluent : limiter le nombre de polices et graisses (chaque ajout = poids supplementaire), utiliser font-display: swap pour eviter le FOIT, preconnecter au domaine Google Fonts (rel="preconnect"), et envisager l'auto-hebergement pour eliminer la requete externe.
L'auto-hebergement (telecharger les fichiers et les servir depuis son propre serveur) est souvent recommande pour : eliminer la dependance a un service tiers, eviter les problemes de consentement RGPD (Google Fonts peut collecter des IP), et optimiser le caching et la livraison.
Exemples pratiques
- Integration basique : <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="preload">
- Auto-hebergement : Telecharger Roboto en WOFF2 via google-webfonts-helper et servir depuis /fonts/ local.
- Variable fonts : Une seule police variable Google Fonts couvre toutes les graisses avec un seul fichier.
A quoi sert Google Fonts ?
Google Fonts est utilise pour la typographie web personnalisee sans cout de licence. Il convient aux sites vitrines, blogs, et applications. Pour les projets sensibles a la performance ou au RGPD, l'auto-hebergement est preferable.
Google Fonts en pratique chez 123web
Chez 123web, nous utilisons Google Fonts pour la typographie de nos projets, souvent en auto-hebergement pour la performance et la conformite RGPD. Nous selectionnons des polices optimisees et limitons les variantes pour un chargement rapide.