Aperçu des polices Google Prévisualisez les polices Google avec un texte, une taille, un poids et un espacement entre lettres personnalisables.

Google Fonts sert des fichiers de police via un CDN avec une sélection automatique de format (woff2 pour les navigateurs modernes). La méthode d'importation @import ajoute des polices via le CSS : @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); Le paramètre family spécifie la police et les poids. Le paramètre display=swap utilise font-display: swap pour une visibilité immédiate du texte avec une police de secours pendant le chargement de la police web. Les polices multiples sont séparées par des paramètres &family=. Pour améliorer les performances, n'importez que les poids dont vous avez besoin. Les polices variables (disponibles pour de nombreuses polices Google) fournissent tous les poids dans un seul fichier en utilisant la syntaxe wght@100..900. Le sous-ensemble de police peut réduire encore la taille du fichier en ne chargeant que les plages de caractères nécessaires : paramètres &text=Hello ou subset=latin. Utilisez la propriété font-family avec des polices de secours : font-family: 'Inter', system-ui, sans-serif.