Google Font Pairing Tool — Find Perfect Font Combinations | Free Edu & .COM Temporary Mails
← Tous les outils / Font Pairing Tool
🔤

Outil de couplage de polices Google

Découvrez les combinaisons parfaites de polices Google pour votre site Web, votre application ou votre marque. Prévisualisez les associations de polices sélectionnées avec du texte personnalisé. Copiez instantanément la balise de lien CSS.

Code d'importation CSS

Comment choisir l'association parfaite des polices

Une bonne typographie est la base d’un design mémorable. Le droit association de polices crée une hiérarchie visuelle, établit la personnalité de la marque et rend le contenu plus facile à lire. Cet outil fournit des accords soigneusement sélectionnés à partir de Polices Google – le tout gratuit et open source.

Principes d'appariement des polices

Contraste et complément — Associez un titre avec empattement à un corps sans empattement. Le contraste crée un intérêt visuel tout en conservant la lisibilité.
Proportions cohérentes — Choisissez des polices avec des hauteurs x similaires pour une harmonie visuelle. Les proportions incompatibles semblent choquantes.
La hiérarchie d'abord — La police du titre doit attirer l'attention. La police du corps devrait disparaître – lisible sans être remarquée.
Limité à deux polices — Deux polices bien choisies valent presque toujours mieux que trois ou plus. Utilisez la taille, le poids et la couleur pour varier.

Foire aux questions

Oui, toutes les polices de Google Fonts sont publiées sous des licences open source (principalement SIL Open Font License ou Apache License). Vous pouvez les utiliser librement pour des sites Web commerciaux, des applications, des documents imprimés et des logos sans attribution.

Deux méthodes : (1) Ajouter un <link> balise dans votre HTML <head>. (2) Utilisation @import dans votre fichier CSS. Les deux sont générés lorsque vous cliquez sur une paire : copiez le code d'importation CSS depuis le panneau situé sous la grille.

Légèrement. Pour minimiser l'impact sur les performances : utilisez font-display: swap, préconnectez-vous à fonts.googleapis.com, chargez uniquement les pondérations dont vous avez besoin et envisagez l'auto-hébergement des polices critiques. Le CDN de Google Fonts est mis en cache globalement, donc les visites répétées se chargent instantanément.

Pour le corps du texte long : Inter, Open Sans, Source Sans 3 et Lato sont d'excellents choix. Avec une taille de police de 14 à 18 px et une hauteur de ligne de 1,5 à 1,7, ces polices maximisent la lisibilité sur toutes les tailles d'écran.
Acceptez-vous les cookies ?

Nous utilisons des cookies pour améliorer votre expérience de navigation.

Plus