Que vous soyez dans le design ou que vous aimiez l’apparence d’un site Web particulier, savoir quel type de police le site utilise et quelle taille il est peut vous aider à l’émuler ou à l’utiliser sur votre propre site Web. Il y a plusieurs façons d’y parvenir, et je vais vous en montrer quelques-unes ici. Donc, si vous souhaitez vérifier le type et la taille de la police sur un site Web, lisez la suite!
Avec littéralement des millions de polices, trouver cette police parfaite peut prendre plus de temps qu’elle ne le devrait. Lorsque vous en repérez un bon, vous devez savoir ce qu’il se trouve là et ensuite, sinon vous risquez de le perdre pour de bon. S’il s’agit d’une police particulièrement bonne, vous pouvez l’utiliser sur votre propre site Web, en tant que police Office ou dans Windows en fonction du type de police. Assurez-vous simplement de garder à l’esprit que certaines polices ont été protégées par des droits d’auteur et ne sont pas disponibles pour un usage public.
Vérification du type et de la taille de police sur un site Web
Il existe plusieurs façons de vérifier le type et la taille de police sur n’importe quel site Web. La méthode la plus simple utilise le navigateur lui-même, tandis que d’autres utilisent des outils tiers pour identifier les ressources de la page. Je vais couvrir les deux types. Tout d’abord, nous allons nous concentrer sur la méthode de navigateur intégrée.
- Faites un clic droit sur la page que vous aimez et sélectionnez Inspecter l’élément (Firefox), Inspecter (Chrome) ou Outils de développement F12 (Edge).
- Sélectionnez Inspecteur (Firefox) ou Calculé (Chrome) dans les nouvelles fenêtres du bas et faites défiler vers le bas à droite jusqu’à ce que vous atteigniez la police ou la taille de la police. Il doit afficher la famille de polices, la police spécifique utilisée, sa taille, sa couleur et tout ce que la page définit.
Différents CMS et différents designs Web affichent leurs informations de police de différentes manières. Essayez cette méthode sur quelques pages Web et vous verrez probablement différentes façons de définir les polices.
Outils tiers pour identifier le type et la taille de police
Il existe quelques modules complémentaires tiers qui fonctionnent comme des plugins ou des bookmarklets et peuvent identifier les types de police. Ils fonctionnent avec la plupart des navigateurs, y compris Safari, vous devriez donc trouver quelque chose avec lequel vous pouvez travailler sans trop de problèmes.
Firebug
Firebug était un outil de débogage réservé à Firefox pour les développeurs. Il est devenu si populaire qu’il est maintenant indépendant du navigateur et fonctionnera avec la plupart des navigateurs. C’est un outil incroyablement polyvalent qui peut vérifier n’importe quel élément d’une page Web, y compris la police.
- Installez simplement le module complémentaire comme vous le feriez normalement, mettez en surbrillance du texte sur la page, cliquez sur l’onglet HTML dans Firebug, puis cliquez sur Calculé à droite. Firebug doit ensuite mettre en surbrillance le nom de la police, la famille de polices, la taille, le poids et tout ce que vous devez savoir.
Cependant, gardez à l’esprit que Firebug a été arrêté à partir de 2017. Les anciennes versions peuvent toujours être téléchargées, mais elles ne seront plus mises à jour et Firebug perdra probablement ses fonctionnalités à mesure que les navigateurs évolueront.
WhatFont
WhatFont est un bookmarklet qui peut identifier les polices sur les pages Web. Faites glisser le signet sur votre barre de signets et utilisez-le pour identifier presque n’importe quelle police, n’importe où. C’est gratuit à utiliser et très simple. Accédez à une page Web que vous aimez, cliquez sur le signet et survolez la police que vous souhaitez identifier. Une petite boîte noire apparaît dessus, vous indiquant la police.
Comme il a été mis à jour, il a même été rendu compatible avec les add-ons associés.
Encore une fois, selon la configuration du CMS ou la conception de la page, il s’agira soit d’une simple identification de police, soit d’une boîte complète vous donnant la taille, la couleur, le poids, etc.
Fontanello
À ne pas confondre avec le joueur de football, Fontanello est une excellente extension de navigateur gratuite qui vous permet de visualiser rapidement et facilement la police d’un site. Bien qu’elle ne soit actuellement disponible que pour Chrome et Firefox, cette extension vaut la peine d’être téléchargée.
Inspection de sites Web
Il existe de nombreux modules complémentaires de type bookmarklet qui peuvent identifier les polices; WhatFont n’en est qu’un. En utilisez-vous un ? Cet article vous a-t-il convaincu d’en essayer un nouveau? Faites-le nous savoir ci-dessous.