Trouver les polices d’un site web avec Fount

Parfois, nous nous trouvons sur une page web et une chose nous marque : les polices utilisées. A ce moment, nous pourrions avoir envie de la connaitre afin de, par exemple, l’utiliser sur notre propre site, dans un document, ou une création graphique.

3 solutions s’offrent alors à vous :

  • Envoyer un email ou un message dans la partie contact du site en question, en supposant que la personne gérant les messages reçus le sache ou veuille vous le dire, solution fiable avec un délai qui peut être long.
  • Utiliser les outils de développements intégrés aux navigateurs internet et chercher dans le code, solution efficace mais contraignante et rébarbative à la longue.
  • Ce que j’appelle les services tiers. Ils peuvent se présenter sous plusieurs formes : une extension de navigateur, un site internet, un logiciel… Solution tout aussi efficace mais nécessitant l’installation de nouveaux logiciels ou alors (pour ceux que j’ai en tête) une utilisation relativement compliquée.

C’est à ce moment qu’intervient Fount, un outil crée par Nathan Ford.

 Présentation

Fount est un outil gratuit, hébergé et exécutable à partir d’un simple marque page. Il permet de connaître en seulement 2 clics :

  • Le nom de la Police utilisée
  • Sa taille
  • Son épaisseur (normal, gras…)
  • Son style (italique…)

Une image valant 1000 mots, voyez le résultat :

polices site fount

Si cela vous intéresse vous pouvez également consulter le code source de Fount directement ici.

 Installation de Fount et analyse des polices web

Installation est un grand mot, étant donné qu’il peut être utilisé depuis un marque page :

  • Créez un nouveau marque page, nommez le comme bon vous semble
  • Dans l’adresse, entrez :
javascript:(function(){if(!document.getElementById('fountscript')){var%20founts=document.createElement('script');founts.src='https://fount.artequalswork.com/fount.js';founts.id='fountscript';document.body.appendChild(founts);}})();

Pour l’utiliser c’est très simple :

  • Rendez vous sur la page web où la police vous intéressant se trouve
  • Cliquez sur votre raccourci pointant vers Fount
  • Cliquez sur le texte vous intéressant afin de l’inspecter.

C’est pour moi l’outil actuel le plus pratique, aucune manipulation à faire, rapide, fiable et surtout ne nécessitant pas l’installation de nouveau logiciel, le rendant ainsi utilisable aussi bien sur Linux que sur Windows et OSX ! emoji

Envie de partager ?
TwitterFacebookGoogle+LinkedIn

Poster un Commentaire

avatar