Quand on débute dans le design, le graphisme, ou le design de sites internet, il est indispensable de faire les bons choix de polices, et cela implique régulièrement de pouvoir retrouver une police d’écriture (sous-entendu son nom) que l’on rencontre sur une site, une illustration ou un visuel.
Pour le web la méthode la plus simple reste celle utilisé en développement : l’inspection d’élément. Si un peu de technique ne vous fait peur effectuez un clic droit sur un texte, cliquez sur Procéder à l’inspection de l’élément puis sur l’onglet Computed à droite, et faîtes défiler les propriétés jusqu’à font-family.
Retrouver une police d’écriture sur une page web :
C’est la partie la plus simple et il existe pas mal d’extensions qui proposent ce service. Pour Google Chrome WhatFont est l’une des plus utilisées et marche parfaitement bien.
Si votre navigateur internet est Safari, l’extension équivalente à installer est FontScope.
Une fois sur une page web, cliquez sur l’extension et survolez le texte dont vous cherchez le nom de la police, c’est aussi simple que ça.
Au survol le nom de la police apparaît mais lorsque vous cliquez sur le texte, vous obtenez même la couleur héxadécimale, la taille de caractère et la hauteur de ligne.
Maintenant que vous avez trouvé le nom de la police d’écriture, il n’y a plus qu’à l’installer sur votre mac pour pouvoir l’utiliser.
Retrouver une police d’écriture depuis une image :
Dans ce cas là pas de survol à la souris possible, une capture d’écran du visuel dont vous voulez connaître la police est nécessaire. Il faut ensuite la téléverser sur un site qui propose ce service comme WhatTheFont ou WhatFontis.
Ci dessous le résultat avec WhatFontis du même texte analysé ci dessus dont la police est ‘open-sans’, une police très basique, gratuite et très répandue.
Comme on peut le voir le premier résultat n’est pas ‘open-sans’.
J’ai testé les deux avec des résultats assez aléatoires. Il faut vraiment que le texte inséré dans l’image contraste bien avec l’arrière plan et que la taille de police soit assez grande.
Vite fait en passant :
En rédigeant ce tutoriel je suis tombé par hasard sur cet extension qui permet en un clic de grossir la taille des caractères d’une page web. Très pratique pour éviter de se fatiguer les yeux quand c’est écrit trop petit :-).
JUANEDA dit
je voudrais savoir le nom des polices :
– du M
– du L
– de mona lisa
– l’écriture de nos hotels, nos résidence, contact…
Merci d’avance
Cordialement
Michael dit
Tout ce qui est Mona Lisa a l’air de paths modifiés avec Illustrator donc ça sera pas possible à mon avis.
Pour les autres téléchargez les images depuis votre site et utilisez WhatFontis voilà le lien de la première image: http://monalisa.fr/img/layout/prehome-hotel.png