De bonnes associations de typographie web

Typographie : 6 Combo de polices web avec google font
Par David Leuliette le

La typographie peut être comparée à la chimie : Il y a des éléments, leur combinaison crée un nouveau résultat. Mais gare à l'explosion ! Il ne faut pas mélanger les mauvais composants ensemble et respecter certaines règles de base.

Pour bien commencer

La première chose à savoir vient du monde du print. Pour avoir une lisibilité optimale dans un paragraphe utilisez la propriété CSS :

p { line-height : 1.5em; }

De belles polices web

Il existe de plus en plus de services pour personnaliser vos polices sur le web : typekit, cufon, le CSS3 @font-face… Ces différentes solutions sont soit payantes soit incompatibles avec une certaine gamme de navigateurs web développés par Microsoft.

Google web font

Pour mettre de l'ordre dans toutes ces solutions Google arrive avec son service de police web gratuite et personnalisables. Avec Google web fonts vous avez accès à plus de 500 polices différentes. Encore faut-il savoir quelles sont les bonnes combinaisons. Voici une liste perso de combinaisons que j'ai accumulé au grès de mes voyages dans la galaxie internet.

Utiliser les polices : Kreon / PT Sans

Utiliser les polices : Arvo / PT Sans

Utiliser les polices : Oswald / Lora

Utiliser les polices : Ubuntu / Rokkitt

Utiliser les polices : Merriweather / News Cycle

Utiliser les polices : Cuprum / Junge