Dans le monde du web design et du développement d'applications, le choix d'une bonne police d'écriture (de la bonne typographie) est primordial.
Chaque police donne un élan particulier à une page : son esthétique, sa lisibilité, ses particularités, sont autant d'éléments qui créent une atmosphère différente des autres pages et qui communiquent sur l'histoire de l'entreprise.
Il n'y a qu'à voir les marques de luxe et leur typographie pour leurs logos :
Toutes ces polices se ressemblent ? C'est normal : c'est un code du secteur du luxe. Il faut que ce soit simple, froid et finalement élégant.
Un code n'est autre qu'une règle plus ou moins officielle qui dicte l'impression et le ressenti que l'on souhaite donner avec nos logos. 😉
Il est cependant difficile de trouver la bonne police d'écriture tant il y a de possibilités... Il n'y a qu'à voir la page de Google Fonts pour s'en rendre compte :
Mais une trouvaille peut se trouver à chaque coin de rue, ou devrais-je dire de page. Une police magnifique qui nous donne tout de suite envie d'être utilisée pour nos projets.
Mais comment trouver cette police ?
La solution : en utilisant l'extension pour navigateur WhatFont par exemple (il y en existe de nombreuses mais celle-ci est testé et validée par l'équipe).
C'est quoi WhatFont ?
WhatFont est une extension pour navigateur. C'est donc un petit logiciel qu'on peut installer pour l'utiliser directement sur notre navigateur web.
Cette extension permet d'identifier les polices sur n'importe quelle page ! ✨
Contrairement à d'autres extensions qui demandent plusieurs étapes ou qui ajoutent des publicités, WhatFont est facile à utiliser, rapide à configurer et n'a aucune pub. Vous pourrez ainsi très facilement détecter la police utilisée qui vous a fait de l'oeil pour l'utiliser sur vos projets.
Pourquoi utiliser WhatFont ?
Pour faire simple, il est plus simple d'utiliser une extension comme WhatFont que d'inspecter le code d'une page en fouillant dans le CSS pour deux raisons :
- Gain de temps - Pas besoin de naviguer dans le code HTML d'une page : ouvrez WhatFont, passez sur le texte qui vous plaît et hop, le tour est joué ;
- Beaucoup d'informations précises - Vous ne verrez pas que la police utilisée, mais aussi sa taille, son empatement et tout un tas d'informations très utiles si vous voulez reproduire ce que vous voyez ;
Il n'y a pratiquement aucun avantage à ne pas utiliser WhatFont ! Alors, voyons ensemble comment l'utiliser.
Comment installer WhatFont ?
L’installation de l’extension WhatFont est un jeu d’enfant.
Étape 1 : Ouvrir la page d'extension
L'extension WhatFont est disponible sur plusieurs navigateurs. Choisissez le lien qui correspond au votre :
- Si vous utilisez Arc, Google Chrome, Firefox ou tout autre navigateur basé sur webkit cliquez ici
- Si vous utilisez Firefox cliquez plutôt ici
- Et si vous utilisez Safari cliquez donc ici
Si vous utilisez Internet Explorer ou Edge... Téléchargez le navigateur Arc. 😗
Étape 2 : Vérifier que l'extension est activée
Pour utiliser l'extension WhatFont pensez bien à vérifier que celle-ci est activée dans votre navigateur.
C'est peut-être évident dit comme ça mais on ne sait jamais, certains ont déjà eu quelques problèmes juste en ne regardant pas si l'extension était activée !
Étape 3 : Utiliser WhatFont
Maintenant que WhatFont est installée sur votre navigateur, il ne vous reste plus qu'à cliquer sur l'extension et à survoler n'importe quel texte !
Vous devriez désormais voir une petite fenêtre qui vous donne tout un tas d'informations sur la typographie utilisée.
Savourez et créez de beaux projets maintenant ! 😬
Et si vous voulez en savoir plus sur la création de sites internet, allez donc jeter un oeil ici.
FAQ
Voici une petite compilation des questions que nos apprenants nous posent le plus souvent sur WhatFont pour vous aider à y voir encore plus clair ! 😉
Est-ce que WhatFont fonctionne sur tous les navigateurs ?
Oui ! WhatFont fonctionne très bien sur Google Chrome, Firefox et Arc. Si vous utilisez Internet Explorer ou Edge, pensez à changer de navigateur. Vous aurez plus de fonctionnalités sur d'autres navigateurs plus rapides et modernes.
WhatFont peut-il identifier des polices dans les images ?
Non, WhatFont identifie uniquement les polices utilisées dans le texte sur une page.
Est-ce que WhatFont est gratuit ?
Oui c'est gratuit !
Comment désactiver WhatFont après utilisation ?
Il suffit d'appuyer sur la touche "Echap" de votre clavier.