La typographie joue un rôle très important dans l’ergonomie d’un site. Elle conditionne la compréhension du contenu, la facilité de lecture voir même l’envie de lire le texte. N’avez-vous jamais abandonné la lecture de pages à la typographie trop petite ou illisible ?

Dans ce domaine chacun a ses habitudes et ses manières de définir une typo agréable, de choisir sa taille et son interlignage. C’est souvent empirique et basé sur l’expérience. Chris Pearson est allé plus loin et livre dans un billet très complet sa méthode de calcul du Golden Ratio basé sur les trois variables essentielles : taille de la police, interlignage et largeur de ligne. Ce dernier point est régulièrement négligé sur le web alors que pourtant le nombre de mots par ligne est un point clé de l’ergonomie.

Si vous n’avez pas envie de faire des calculs, Chris Pearson a mis en place un Golden Ratio Typography Calculator qui vous indique les dimensions optimales en fonction des tailles de police ou de largeur de ligne. Essayez et vous verrez que le résultat peut être impactant pour votre site.

Notez que la typo est un sujet récurrent chez Chris Pearson et c’est aussi un point fort de Thesis, mon thème wordpress préféré et celui que j’utilise ici.

Je ne sais pas si c’est moi, mais j’ai l’impression que l’on redécouvre depuis quelques temps la vertue d’une jolie typographie sur le web. On notera au passage que la tendance est clairement d’utilisée des polices à empattements (serif) surtout dans des grandes tailles. Si le sujet vous intéresse voici un billet très utile qui vous montre les codes CSS de quelques titrages très réussis sur le plan typo.

Voilà qui vous donnera sûrement des idées et aussi matière à apprendre. Car il n’y a rien de mieux que l’analyse des CSS des autres pour découvrir de nouvelles techniques. J’aime au passage particulièrement le premier, que vous pouvez voir en action ici.