Comment connaitre la typographie utilisée sur une page web ? Pour le savoir : utiliser un outil de reconnaissance de caractères, comme l'extension Whatfont.

Tu en as marre de passer du temps sur Identyfont à uploader des captures d’écran pour qu’on te dise ensuite quelles typos elles contiennent ? Voici un outil qui te permettra de connaitre instantanément le nom d’une typographie quand tu la croises sur un site : pas mal pour approfondir sa connaissance du sujet, ou pour un coup de coeur !

[pullquote]Des choix typographiques découle une bonne partie du look & feel d’un site, mais aussi de sa lisibilité. Les lettres avec empattement sont moins lisibles sur écran, etc. [/pullquote]

WhatFont : l’extension magique

Tu utilises Google Chrome ? Tu as de la chance, tu vas pouvoir utiliser l’extension WhatFont.

Cette merveilleuse petite application te permet d’identifier une police de caractère sur toute page ouverte dans ton navigateur d’un simple survol de souris! Pas mal non ? Et si tu veux plus d’infos (taille, hauteur de ligne, etc.), il suffit de cliquer :

Comment connaitre la typographie utilisée sur une page web ? Pour le savoir : utiliser un outil de reconnaissance de caractères, comme l'extension Whatfont.

L’appli te permet également d’obtenir les informations relatives à plusieurs typos présentes sur la page, tant que tu continues de cliquer :

Comment connaitre la typographie utilisée sur une page web ? Pour le savoir : utiliser un outil de reconnaissance de caractères, comme l'extension Whatfont.

Mais, c’est pas le travail du designer ça ?

Pour moi, le choix final des typos utilisées sur un site revient au designer. Il doit se faire en accord avec la charte graphique, la police du logo, l’identité visuelle de la marque. Mais on attend aussi du spécialiste en contenus qu’il puisse établir des recommandations, notamment lors de la production de la charte éditoriale.  Alors, autant se tenir au courant !

Et de ton côté, comment répartis-tu le choix de la typo entre designer et rédacteur ?