Association de polices et annuaire Google Fonts

Tous les outils

Parcourez un annuaire soigné de polices Google Fonts populaires avec des aperçus en direct, filtrez par catégorie et cherchez par nom, puis copiez du CSS prêt à coller et explorez des associations de polices suggérées — le tout dans votre navigateur.

Taille 34px

Tout s'exécute dans votre navigateur — les polices sont chargées depuis Google Fonts uniquement pour l'aperçu en direct, rien n'est téléversé, aucune inscription, entièrement gratuit.

À propos de Association de polices et annuaire Google Fonts

Cet annuaire de polices rassemble 80 Google Fonts populaires sur une seule page consultable, chacune affichée comme un spécimen vivant avec une ligne d'exemple pangramme, une ligne d'alphabet et de chiffres, et un badge de catégorie. Il couvre cinq familles de typographie — sans-serif, serif, display, manuscrite et monospace — afin que vous puissiez comparer de vraies formes de lettres au lieu de deviner d'après les noms.

Chaque fiche de police inclut des suggestions d'associations soigneusement choisies : des polices partenaires qui fonctionnent bien ensemble pour les titres et le corps de texte. Cliquer sur une puce de paire ouvre un aperçu qui compose un titre dans une police et un paragraphe dans l'autre, afin que vous puissiez juger de la combinaison en contexte avant de vous y engager.

Quand une police ou une association vous convient, un clic copie un CSS prêt à coller — une ligne @import pour la feuille de style Google Fonts plus la pile font-family correspondante avec un repli sensé. Les polices sont chargées depuis Google Fonts uniquement pour les aperçus en direct ; rien de ce que vous saisissez n'est téléversé où que ce soit.

Comment utiliser Association de polices et annuaire Google Fonts

  1. Parcourez les fiches de police, chacune affichant son nom, son badge de catégorie et un exemple de texte en direct composé dans la police réelle.
  2. Utilisez le champ de recherche pour trouver une police par nom, ou cliquez sur une puce de catégorie (Sans-serif, Serif, Display, Manuscrite, Monospace) pour filtrer la grille.
  3. Faites glisser le curseur de taille (16–72 px) pour prévisualiser la ligne d'exemple à votre taille cible de titre ou de corps de texte.
  4. Cliquez sur une puce « S'associe avec » ou le bouton « Aperçu de l'association » pour voir un titre et un paragraphe de corps composés dans la combinaison suggérée.
  5. Cliquez sur le bouton « CSS » d'une fiche ou dans l'aperçu d'association pour copier la ligne @import et les déclarations font-family dans votre presse-papiers.

Questions fréquentes

Il présente un ensemble sélectionné de 80 Google Fonts largement utilisées, réparties sur cinq catégories : sans-serif, serif, display, manuscrite et monospace. Chaque puce de catégorie affiche un compte en direct pour que vous puissiez voir combien de polices correspondent à votre filtre actuel.

Chaque police liste une ou deux polices partenaires triées sur le volet qui contrastent bien avec elle — généralement une police display ou serif pour les titres associée à une police de corps lisible. L'aperçu d'association montre les rôles exacts de titre et de corps pour chaque combinaison.

Pour une police unique, vous obtenez une ligne @import url() pour le point de terminaison css2 de Google Fonts (graisses normale et gras) plus une pile font-family avec le bon repli générique. Pour une association, vous obtenez les deux imports et des déclarations séparées pour les titres et le corps.

Oui, les aperçus en direct chargent les polices depuis le CDN de Google Fonts — c'est la seule requête externe de la page. Vos recherches, vos choix de filtre et le CSS copié restent dans votre navigateur ; rien n'est téléversé ni stocké.

Oui, parcourir, prévisualiser les associations et copier le CSS sont tous gratuits sans compte nécessaire. Les polices listées sont des Google Fonts, elles-mêmes gratuites pour un usage personnel et commercial sous leurs licences ouvertes.

Vous pouvez ajuster la taille du spécimen de 16 px à 72 px avec le curseur de taille, qui met à jour toutes les fiches d'un coup. Cela facilite la comparaison des candidats à la taille exacte que vous prévoyez d'utiliser pour les titres ou le corps de texte.
Partager
Outils similaires
Générateur de palette de couleurs Composez des palettes de couleurs harmonieuses à partir d'une roue chromatique interactive — appliquez des règles d'harmonie comme analogue, complémentaire ou triade, puis copiez n'importe quelle valeur instantanément. Gratuit
Mélangeur de couleurs Fondez une couleur de départ vers une couleur d'arrivée sur jusqu'à 10 étapes — prévisualisez le dégradé, récupérez chaque nuance et copiez n'importe quel format instantanément. Gratuit
Générateur de nuances de couleur Générez une gamme complète de teintes claires et foncées à partir d'une seule couleur — choisissez votre pas d'éclaircissement/assombrissement et le nombre de nuances, puis copiez n'importe quelle valeur instantanément. Gratuit
Extracteur de couleurs d'image Extrayez une palette de couleurs raffinée et prête à copier depuis n’importe quelle image. Gratuit
Palette de couleurs web-safe Parcourez les 216 couleurs web-safe classiques sous forme de grille d'échantillons cliquables — triez par teinte ou par ordre du cube, filtrez par hex, et copiez n'importe quelle valeur HEX ou rgb() instantanément. Gratuit
Écran tout blanc Remplissez tout votre écran de blanc pur — parfait pour repérer les pixels morts, nettoyer votre moniteur, faire une boîte à lumière ou une lumière d'appoint douce. Gratuit et fonctionne dans votre navigateur. Gratuit
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.