Comment trouver la police d'une page Web à l'aide de l'outil Inspect Element et des extensions de navigateur

Comment trouver la police d'une page Web à l'aide de l'outil Inspect Element et des extensions de navigateur

Le succès de votre site Web dépend grandement de son apparence. Avoir la bonne combinaison de couleurs et le bon thème gardera vos visiteurs sur votre site un peu plus longtemps. En plus de la palette de couleurs et de la structure de votre site, la police que vous choisissez joue également un rôle essentiel pour fidéliser votre public.





Peut-être que vous tombez sur un site attrayant en naviguant sur le Web et que vous voulez savoir quelles polices il utilise. Avec les extensions en ligne et l'outil Inspect Element intégré à votre navigateur, l'identification d'une police est simple et rapide.



Comment rechercher des polices à l'aide de l'outil Inspecter les éléments

Au cas où vous ne le sauriez pas, l'outil Inspect Element intégré à votre navigateur vous permet d'examiner le code source d'un site Web. Vous pouvez comprendre les éléments de conception d'un site en consultant ses informations CSS, HTML et autres. C'est un excellent moyen de s'inspirer lors de la conception de votre propre site.





Le processus d'identification d'une police à l'aide de l'outil Inspecter l'élément est assez simple et vous n'aurez besoin d'aucune compétence en matière de codage. Cet outil est disponible dans tous les navigateurs du marché, et chacun a une mise en page similaire.

combien de données la vidéo en streaming utilise-t-elle

Voici comment identifier une police à l'aide de l'outil Inspect de votre navigateur.



  1. Ouvrez le site Web que vous souhaitez utiliser.
  2. Mettez en surbrillance le texte contenant la police que vous souhaitez identifier et cliquez dessus avec le bouton droit.
  3. Cliquer sur Inspecter depuis le menu contextuel.
  4. Lorsque le menu Inspecter s'ouvre, cliquez sur le bouton Calculé .
  5. Faites défiler vers le bas pour trouver le Famille de polices section. Ici, vous pouvez trouver le nom et le style de la police, ainsi que ses dimensions.

Autres façons d'utiliser l'outil d'inspection

Si vous souhaitez trouver un moyen plus rapide de trouver la police d'un site à l'aide de l'outil Inspecter, essayez plutôt ceci :

  1. Ouvrez le site Web que vous souhaitez utiliser.
  2. presse Ctrl + Maj + C ( Cmd + Maj + C sur Mac).
  3. Survolez le texte pour afficher le style de police, la taille, le code couleur et la marge.

Vous pouvez également consulter la liste des polices utilisées sur une page Web à l'aide de l'outil Inspecter. Voici comment procéder :



  1. Accédez à la page Web.
  2. Ouvrez le code source en appuyant sur Ctrl + Maj + I ( Cmd + Maj + I sur Mac).
  3. Clique le Réseau onglet, puis sélectionnez le Font languette.
  4. Ici, vous verrez une liste de toutes les polices utilisées sur la page Web.

Pour obtenir la liste de toutes les polices en temps réel, vous devrez peut-être actualiser la page Web.

En rapport: Comment augmenter ou diminuer la taille de la police dans Firefox



Comment identifier les polices à l'aide des extensions de navigateur

Si vous souhaitez un moyen plus pratique d'identifier une police, vous pouvez installer une extension de navigateur de recherche de police. Bien qu'il existe plusieurs extensions de navigateur qui peuvent aider à détecter les polices sur le Web, les deux plus populaires sont QuelleFont et Recherche de polices .

Jetons un coup d'œil au processus d'identification des polices à l'aide des deux extensions.

1. Quelle police

WhatFont est très populaire pour détecter rapidement plusieurs polices à la fois. Voici comment utiliser cet outil.

  1. Lorsque WhatFont est activé dans votre navigateur, survolez le texte pour afficher sa police.
  2. Une fois que vous avez cliqué sur le texte, une fenêtre contextuelle apparaîtra avec le reste des détails de la police, tels que la taille, la couleur et le style de la police.
  3. De plus, vous pouvez sélectionner plusieurs sections de texte simultanément pour comparer différentes polices sur la même page.

Télécharger: Quelle police pour Chrome | Firefox | Safari (Libérer)

2. Recherche de polices

Font Finder affiche également les détails de la police lorsque vous survolez n'importe quel texte sur un site Web. Cependant, il fournit de nombreux détails techniques, ce qui peut devenir un peu déroutant si vous n'êtes pas familiarisé avec la conception de sites Web.

Cela dit, Font Finder est plus adapté aux développeurs Web qui souhaitent remplacer les polices existantes par de nouvelles en temps réel. Cela facilite le test des polices avant d'apporter des modifications permanentes.

Voici comment tester une police à l'aide de Font Finder :

  1. Mettez en surbrillance une partie du texte de la page Web.
  2. Faites un clic droit dessus et sélectionnez Recherche de polices depuis le menu contextuel.
  3. Sélectionner Remplacer la police par et entrez le nom de la police. Ajoutons Calibres et voyez comment cela change la police dans l'aperçu.
  4. Si vous souhaitez réinitialiser la police, actualisez la page.

Télécharger: Recherche de polices pour Chrome | Bord | Firefox (Libérer)

Qu'en est-il de la vérification de la police dans une image ?

Si vous souhaitez identifier les polices d'une image, les extensions de navigateur et l'outil d'inspection de votre navigateur peuvent ne pas vous aider. Cependant, vous pouvez essayer des outils d'inspection d'images en ligne comme Qu'est-ce que la police , PoliceSquirrel , Fontainebleau , WhatTheFont , et plein d'autres.

Le processus d'identification d'une police à partir d'une image est en grande partie le même dans tous les outils. Essayons d'identifier la police dans une image en utilisant WhatTheFont.

  1. Si vous ne l'avez pas déjà fait, téléchargez l'image que vous souhaitez utiliser.
  2. Importer l'image dans WhatTheFont .
  3. WhatTheFont détectera automatiquement le texte de votre image. Réduisez ou agrandissez la zone de recadrage afin qu'elle entoure la police que vous souhaitez identifier. Frappez le bouton fléché Une fois terminé.
  4. WhatTheFont fera alors correspondre la police de l'image avec les polices de sa galerie et vous montrera des polices étroitement liées.
  5. Si vous ne trouvez pas une bonne correspondance tout de suite, vous pouvez continuer à cliquer Afficher plus de résultats pour voir plus de polices associées.

En rapport: Meilleurs sites Web de polices gratuites pour les polices gratuites en ligne

Détectez les polices du Web et utilisez-les dans vos conceptions

Les polices jouent un rôle important dans le succès d'un site Web ou d'une conception graphique. Si vous tombez sur une police attrayante lorsque vous naviguez sur le Web, vous pouvez facilement la détecter à l'aide des méthodes ci-dessus.

Partager Partager Tweeter E-mail WhatTheFont et 4 alternatives pour rechercher des polices à partir d'images

Vous voulez trouver des polices à partir d'images ? Il existe des outils en ligne qui peuvent le faire pour vous, notamment WhatTheFont et diverses alternatives.

Lire la suite Rubriques connexes
  • l'Internet
  • Créatif
  • Polices
  • Extensions de navigateur
  • Conseils de navigation
A propos de l'auteur Shan Abdel |(46 articles publiés)

Shan Abdul est diplômé en génie mécanique. Après avoir terminé ses études, il a commencé sa carrière en tant qu'écrivain indépendant. Il écrit sur l'utilisation de différents outils et logiciels pour aider les gens à être plus productifs en tant qu'étudiant ou professionnel. Dans ses temps libres, il adore regarder des vidéos Youtube sur la productivité.

Plus de Shan Abdul

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner