Associations de polices sur de vrais sites web
Ces combinaisons de polices apparaissent le plus souvent ensemble sur les sites analysés par What the Font. Chaque association est basée sur des données d'utilisation réelles - pas seulement sur la théorie du design.
Associations de polices les plus courantes
Qu'est-ce qu'une association de polices ?
Une association de polices est une combinaison de deux (ou plusieurs) typographies qui fonctionnent bien ensemble sur un site web. En général, une police est utilisée pour les titres et une autre pour le corps du texte. Les meilleures associations créent une hiérarchie visuelle tout en restant harmonieuses - les polices contrastent suffisamment pour être distinctes, mais partagent assez de personnalité pour paraître cohérentes.
D'où proviennent ces données ?
Chaque association sur cette page est tirée de vrais sites web analysés par What the Font. Lorsque plusieurs polices apparaissent ensemble sur le même site, elles sont comptées comme une association. Plus une combinaison apparaît sur de nombreux sites, plus son classement est élevé. Cela reflète de vraies décisions de conception par des développeurs et designers réels.
Comment choisir une association de polices pour votre projet
Commencez par choisir une police principale pour vos titres - quelque chose de distinctif qui correspond à la personnalité de votre marque. Choisissez ensuite une police secondaire pour le corps du texte, très lisible en petite taille. Une approche courante est d'associer un serif avec un sans-serif, ou une police display avec une police neutre comme Inter ou Roboto. Cliquez sur un nom de police pour en explorer tous les détails.
Toutes les polices viennent de Google Fonts
Chaque police apparaissant dans ces associations est disponible sur Google Fonts - une bibliothèque gratuite et open source utilisable sur n'importe quel site. Ajoutez simplement un import CSS pour chaque police souhaitée et commencez immédiatement. Pas de frais de licence, pas d'abonnement. Cliquez sur un nom de police pour voir sa page Google Fonts et copier le code d'import.
Analyser un site web à la place ?
Si vous souhaitez identifier des polices sur un site web plutôt que dans une image statique, utilisez notre outil de détection par URL. Collez n'importe quelle URL et nous extrayons toutes les polices utilisées.