Comment reconnaitre une police dans une image

Sur Internet il y a des millions de polices différentes, parfois vous tombez sur un Site, et vous avez sous les yeux une police qui vous plait, mais vous ne connaissez pas son nom !

Heureusement, la technologie nous vient à la rescousse.

Dans cet article je liste quelques-uns des outils d’identification de police que j’utilise quand je suis coincé, et qui m’aident à reconnaitre une police que je trouve sympa pour mes Sites.

 

Pour reconnaitre une police dans une image

J’ai testé ces outils afin d’évaluer leur efficacité. Pour que le test soit représentatif, j’ai sélectionné trois polices différentes prises chez Dafont.com (site indépendant des outils testés), et j’en ai fait trois images PNG.

123 Marker Medium

C’est celle de notre logo !

A bit Sketchy

Champagne et Limousines

 

J’ai ensuite tout simplement soumis ces images aux outils ci-dessous, en voici les résultats :

 

1 – What The Font (MyFonts)

Une fois l’image PNG téléchargée, l’identification se fait en deux étapes :

1. Identification automatique des caractères à partir de l’image : si certains caractères ne sont identifiés, il faut saisir à la main (ici les ‘i’ n’ont pas été reconnus)
2. Identification de la police correspondante ou se reprochant de celle de l’image

Résultats du test

2 – What Font Is

Ici le principe est le même que What The Font, sauf qu’à l’étape d’identification des caractères, il faut systématiquement saisir manuellement tous les caractères correspondants.

Par contre l‘identification est bien meilleure ! regardez le résultat.

Résultats du test

3 – Identifont

Avec cet outil, la technique est complètement différente. Il ne s’agit pas d’importer une image, mais l’identification se fait par une série de questions relative aux caractéristiques de la police recherchée.(avec ou sans serif, quel est la forme du A…)

Plus vous répondez aux questions et plus la liste des suggestions se réduit, et donc vous affinez ainsi votre recherche.

Résultats des test

Pour mes tests je n’ai pas eu beaucoup de succès, après une douzaine de questions l’outil na pas réussi à identifier mes 3 polices de test.

Par contre je retiens tout de même deux points intéressant pour Identifont :

 

Extension Firefox Font Finder

Font Finder est une extension qui sert à identifier une police directement dans votre navigateur Firefox. Attention, je ne parle pas ici des images, mais des Fonts utilisées dans le contenue texte d’une page web.

Une fois installé, à partir de n’importe quelle page sur le Web, il vous suffit de sélectionner le texte à analyser, de faire un clic droit -> FontFinder -> Analyze selection

Une boite de dialogue s’ouvre, et vous indique la police utilisée et toutes ses autre caractéristiques CSS.

Conclusion

Il n’y a pas d’outil parfaitement capable d’identifier n’importe quelle police à partir d’une image. Il y a des milliers de Font qui existent et certaines ont été développée spécifiquement pour un seul Site Web.

Les Fonts font partie intégrante du design de votre Site et il est nécessaire d’y porter une grande attention, au même titre que les couleurs, la mise en page et l’ergonomie de votre Site.

Pour finir je vous recommande vivement cette lecture : 5 conseils pratiques pour la typographie de votre site web

 

Connaissez-vous d’autres outils d’identification de police ?

A vous, quelles sont vos outils typographiques préférés ? Comment faites-vous pour reconnaitre une police qui vous plait ?

 

Répondez et partagez votre expérience dans les commentaires ci-dessous. Merci