Que vous aimiez le design ou le style d’un site Web en particulier, savoir quel type de police le site utilise et quelle en est la taille peut vous aider à l’imiter 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 voulez vérifier le type et la taille de la police sur un site Web, lisez la suite!
Avec des millions de polices, trouver la solution parfaite peut prendre plus de temps qu'il ne le devrait. Lorsque vous en trouvez un bon, vous devez savoir ce qui se passe ici et là, sinon vous pourriez le perdre pour de bon. Si c'est particulièrement utile, vous pouvez l'utiliser sur votre propre site Web, en tant que police Office ou dans Windows, en fonction du type de police dont il s'agit. Assurez-vous simplement de garder à l'esprit que certaines polices ont été protégées par le droit d'auteur et ne sont pas disponibles pour un usage public.
Vérifier le type et la taille de la police sur un site Web
Il existe plusieurs façons de vérifier le type et la taille de la 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 actifs de page. Je couvrirai les deux types. Premièrement, nous allons nous concentrer sur la méthode du navigateur intégré.
- Cliquez avec le bouton droit de la souris sur la page de votre choix et sélectionnez Inspecter élément (Firefox), Inspecter (Chrome) ou Outils de développement F12 (Edge).
- Sélectionnez Inspecteur (Firefox) dans les nouvelles fenêtres du bas et faites défiler vers le bas jusqu'à 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érentes conceptions 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 manières de définir les polices.
Outils tiers pour identifier le type et la taille de la 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, de sorte que vous devriez trouver quelque chose avec lequel vous pouvez travailler sans trop de peine.
Pyromane
Firebug était auparavant un outil de débogage réservé à Firefox pour les développeurs. Il est devenu si populaire qu’il est devenu agnostique et qu’il fonctionnera avec la plupart des navigateurs. C’est un outil incroyablement polyvalent qui permet de 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 de Firebug, puis sur "Calculé" à droite. Firebug doit ensuite mettre en évidence le nom de la police, la famille de police, la taille, le poids et tout ce que vous devez savoir.
Cependant, gardez à l'esprit que Firebug a été arrêté en 2017. Les versions les plus anciennes peuvent toujours être téléchargées, mais elles ne seront plus mises à jour et Firebug perdra probablement des fonctionnalités à mesure de l'évolution des navigateurs.
WhatFont
WhatFont est un bookmarklet permettant d'identifier les polices sur des pages Web. Faites glisser le bookmarklet sur votre barre de favoris et utilisez-le pour identifier presque n'importe quelle police, n'importe où. Son utilisation est gratuite et très simple. Accédez à la page Web de votre choix, cliquez sur le bookmarklet et passez la souris sur 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.
Là encore, en fonction de la configuration du CMS ou de la conception de la page, il s'agira soit d'une simple identification de police, soit d'une boîte contenant la taille, la couleur, le poids, etc.
Il existe de nombreux modules complémentaires de type bookmarklet permettant d'identifier les polices. WhatFont n'est que l'un d'entre eux. En utilisez-vous un? Cet article vous a-t-il convaincu d'essayer un nouveau? Faites-nous savoir ci-dessous.
