Identifiez les polices dans Chrome, Edge et Firefox à l'aide des outils de développement

Une page Web typique se compose généralement de plusieurs éléments différents, la plupart d'entre eux étant codés dans différentes couleurs et écrits dans des polices et des styles différents. Parfois, nous rencontrons des pages Web si bien conçues qu'elles nous donnent envie d'approfondir leurs attributs. un thème très élégant ou une belle police professionnelle, peut-être.

Les personnes qui connaissent les polices et qui sont fascinées par elles utilisent souvent des outils d'identification de polices en ligne gratuits(free online font identifier tools) pour les aider à découvrir des polices sur le Web. Ces outils en ligne vous demandent de saisir une URL ou de télécharger une image avec la police présentée, qui est ensuite inspectée. Au cas où vous ne voudriez pas vous embêter à apprendre à utiliser un nouvel outil, cet article est pour vous. Aujourd'hui, nous discuterons de la manière dont les utilisateurs peuvent identifier la police utilisée par une page Web particulière sans utiliser d'extension de navigateur, d'application ou d'outils en ligne.

La procédure dont nous parlerons dans cet article s'articulera autour d'un paramètre proposé par la plupart des navigateurs Web, à savoir ' Developer Tools ', ou pour être plus précis, une option appelée Inspect Element . Ici, nous allons discuter de la façon dont les polices peuvent être identifiées dans deux navigateurs - Chrome , Edge et Firefox .

Identifier(Identify) les polices sur une page Web à l'aide d' Inspect Element dans Firefox

Visitez la page Web de la police dont vous souhaitez identifier et cliquez avec le bouton droit sur le texte écrit dans la police qui vous intéresse.

Dans la liste des options qui s'affichent (le menu contextuel), cliquez sur Inspecter l'élément(Inspect Element) . Cela(Doing) ouvrirait les outils de développement(Developer Tools) en bas de la page.

Dans le coin inférieur droit de la section Outils de développement(Development Tools) , vous trouverez un sous-titre nommé Polices(Fonts) , cliquez dessus.

Il affichera ensuite pour vous les propriétés de la police que vous vouliez examiner comme sa taille, sa hauteur de ligne, son poids, etc., et également si la police est en italique ou non, bien que cela soit toujours apparent.

Si vous souhaitez en savoir plus sur la police utilisée, Firefox vous en offre également. Si vous faites défiler la section des polices et cliquez sur "Toutes les polices de la page", l'onglet des polices se développera et vous verrez toutes les polices utilisées sur la page Web que vous parcourez en ce moment, ainsi que leur emplacement. sont utilisés. Non seulement cela, mais vous obtenez également un aperçu de l'apparence d'une police particulière. Passer votre souris sur les polices dans les outils de développement(Developer Tools) mettra en surbrillance les sections de la page Web qui utilisent cette police.

Identifier une police à l'aide des outils de développement(Developer Tools) dans Chrome

Le processus est similaire à celui décrit ci-dessus. Suivez les deux premières étapes comme vous l'avez fait avec Firefox pour ouvrir les outils de développement(Developer Tools) sur le côté droit de la page.

Identifiez les polices dans Firefox et Chrome à l'aide des outils de développement

Cliquez sur le sous-titre 'Calcul'.

Faites défiler(Scroll) un peu et vous trouverez des informations sur la police qui vous intéresse (famille de police, taille, etc.)

Malheureusement, Chrome ne vous fournit aucune information supplémentaire comme le fait Firefox .

Identifiez la(Identify) police utilisée(Font) à l'aide des outils de développement Edge(Edge Developer Tools)

Quel bord de police

  1. Bord ouvert
  2. Faites un clic droit et sélectionnez le texte
  3. Sélectionnez Inspecter
  4. Dans les outils de développement(Developer Tools) qui s'ouvrent, regardez sous Calculé(Computed)
  5. Vous verrez les détails de la police.

Si vous ne pensez pas que vous ne pouvez pas contourner les outils de développement(Developer Tools) de navigateur et que les outils en ligne vous conviendraient mieux, il y en a plusieurs qui fonctionnent très bien.

Lisez ensuite(Read next) : Comment trouver des alternatives gratuites similaires aux polices payantes(find similar free alternatives to paid Fonts) .



Inès Muller

About the author

Je suis un développeur Web avec une expérience de travail avec Windows 11 et 10. J'utilise également Firefox depuis de nombreuses années et je suis devenu assez compétent dans l'utilisation de la toute nouvelle console de jeu Xbox One. Mes principaux intérêts résident dans le développement de logiciels, en particulier dans le développement Web et mobile, ainsi que dans la science des données. Je connais très bien divers systèmes informatiques et leur utilisation, je peux donc fournir des commentaires impartiaux sur divers programmes ou services que vous pourriez utiliser.


Related posts