La typographie a toujours été le grand oublié du design web, pourtant le texte occupe bien souvent la plus majeur partie de l’espace alloué au design. Beaucoup d’articles existent déjà sur le sujet, je ne fais donc qu’apporter ma modeste pierre française à l’édifice principalement anglo-saxons.
Les typos web
En tout et pour tout, un designer web ne peut utiliser qu’une douzaine de typo pour les corps de textes et les titres importants si il veut garantir un bon référencement et un confort de lecture au visiteur.
Douze typos c’est très peu, surtout quand on compte parmi elles la Comic Sans Ms!
Vous pouvez les tester ici : Typetester.org.
Pour info, voici les familles de typo proposées par Dreamweaver par défaut :
- Arial, Helvetica, sans-serif
- Courier New, Courier, monospace
- Times New Roman, Times, serif
- Georgia, Times New Roman, Times, serif
- Verdana, Arial, Helvetica, sans-serif
- Geneva, Arial, Helvetica, sans-serif
On peut aussi ajouter la typographie Lucida qui est de plus en plus présente sur Internet (c’est la typographie par défaut du site d’Apple) et dont la famille s’écrit de cette manière :
- « Lucida Grande », »Lucida Sans Unicode », Arial, Verdana, sans-serif
Il est nécessaire de préciser ces deux variantes car la Lucida Grande n’est pas présentes par défaut sur PC.
En jouant sur divers paramètres comme font-weight, font-size, letter-spacing (interlettrage) ou line-height (interlignage) on peut réussir à produire des miracles, même du graphisme en pure css comme ce logo, cet homer simpsons en css ou cette illustration.
La solution :
Plusieurs solutions existent pour étoffer cette offre.
+
