Comment trouver des polices d’écriture sur d’autres sites web

by | 19 Fév 2020 | Blog, Tuto WordPress | 0 comments

Chaque site web a son propre design et utilise ses propres polices d’écriture pour donner la touche correspondante en fonction du type de contenu et des goûts du propriétaire. En ce sens, le choix d’une bonne police d’écriture est essentiel pour qu’un site web soit non seulement attrayant, mais aussi facile à lire. Nous sommes sûrs qu’à certaines occasions, nous avons visité une page web et que nous avons aimé le type de police utilisé, mais nous ne savons pas comment l’identifier pour pouvoir l’utiliser plus tard dans nos documents, nos présentations ou même sur notre propre site web. Je vous montre comment identifier la police d’écriture utilisée sur une page web.

Comment trouver des polices d'écriture sur d'autres sites web 1

Vous pouvez ainsi connaître les polices, la taille et les couleurs des polices d’autres sites web :

Via l’inspecteur de page

Comment trouver des polices d'écriture sur d'autres sites web 2

Si vous connaissez un peu le langage HTML, vous pouvez connaître la police utilisée sur un site web grâce à l’outil de développement proposé par la plupart des navigateurs web modernes. Dans le cas de Google Chrome ou de Mozilla Firefox, il suffit d’appuyer sur la touche F12 pour ouvrir l’outil de développement, puis de sélectionner l’outil qui nous permet de sélectionner les éléments du web. Maintenant, il suffit de sélectionner une zone du site web dont le texte est écrit dans la police que nous voulons identifier, puis de regarder la fenêtre d’inspection des éléments pour voir le type de police utilisé. De plus, nous pourrons en connaître la taille et même la couleur.

Comment trouver des polices d'écriture sur d'autres sites web 3

Comment connaître la typographie, la police d’écriture ou la police d’une page web avec WhatFont

Mais si vous n’avez aucune connaissance du HTML, la meilleure chose à faire est d’utiliser WhatFont, une extension développée pour le navigateur Google Chrome qui vous permet d’identifier la police utilisée sur n’importe quel site web en un seul clic. Pour ce faire, la première chose à faire est d’installer WhatFont dans notre navigateur Chrome et une fois cela fait, nous visitons la page où la police que nous aimons apparaît, nous cliquons sur l’icône WhatFont et nous passons le pointeur de la souris sur le texte écrit avec cette police.

connaître la police de caractères d’une toile

Le nom de la police s’affichera, mais si nous cliquons sur le texte, WhatFont nous montrera des informations supplémentaires sur la police, comme son style, sa taille, sa couleur et un aperçu de toutes les lettres de cette police.

Comment télécharger et installer WhatFont pour connaître la police de caractères d’une page web ?

1) la première chose à faire est d’aller sur la boutique en ligne de Google. Je vous laisse le lien direct pour installer WhatFont. Une fois sur place, il vous suffit de cliquer sur l’option Ajouter à Chrome.

Comment trouver des polices d'écriture sur d'autres sites web 4

2)Dans la fenêtre suivante, cliquez sur Ajouter une extension pour l’installer dans Chrome. 

Comment trouver des polices d'écriture sur d'autres sites web 5

3)Prêts ! WhatFont a déjà été installé sur votre navigateur. Vous pourrez l’identifier avec le symbole du F et du ? comme je vous le montre dans l’image suivante.

Comment utiliser WhatFont pour connaître la police de caractères d’une page web ?

Il vous suffit de cliquer sur l’icône WhatFont, puis de cliquer sur la police d’écriture que vous souhaitez connaître. Une fois que vous aurez fait cela, vous verrez une boîte avec toutes les données de cette police comme je vous le montre dans l’image ci-dessous.

 

Comment trouver des polices d'écriture sur d'autres sites web 6

Si vous voulez juste connaître le nom de la police, il vous suffit, comme à l’étape précédente, de cliquer sur l’icône WhatFont et de passer la souris sur la lettre sans cliquer. Vous verrez une petite boîte avec seulement le nom de la police.

Conclusion

  • WhatFont est un outil très simple à utiliser. Il n’y a pas de complications.
  • Vous pouvez savoir quelle police d’écriture se trouve sur une page web mais pas sur une image.
  • Si vous êtes un concepteur de sites web, c’est l’une des extensions qui ne peuvent pas manquer dans votre navigateur.
  • C’est gratuit 😉

Sébastien Chaidron

Comment trouver des polices d'écriture sur d'autres sites web 7
Depuis des années, je développe avec passion des sites web et je travaille pour vous en tant que développeur WordPress Freelance. Contactez-moi pour plus d’informations à support@easyonweb.be

Créer un formulaire dynamique sur WordPress

Contenu du tuto Créer un formulaire dynamique sur wordpress Description du plugin 1. Choisir une version (Free ou Premium) 2. Installation du plugin 3. Création votre premier formulaire 4. Ajout de champs dynamiques 5. Création du formulaire calculé 6. Traitement des...

Comment insérer un iframe dans WordPress

Contenu de l'article Intégrer un Iframe dans WordPress Qu'est-ce qu'un Iframe ? Pourquoi ai-je besoin d'un Iframe? Intégrer Google Maps Intégrer une vidéo YouTube  Intégrer un Iframe dans WordPress Depuis des années, je développe avec passion des sites web et je...

Comment aligner verticalement le contenu avec Divi

Contenu de l'article Comment aligner verticalement le contenu avec Divi Résultat 1. Ouvrir les paramètres de la colonne 2. Harmoniser les hauteurs des colonnes 3. Accédez aux paramètres de la colonne ou si situe le contenu à centrer 4. Centrer le contenu verticalement...

Thème Divi pour WordPress – Test et avis

Contenu de l'article Thème Divi pour WordPress – Test et avis Qui est derrière Divi ? Que propose Divi ? Concevez des en-têtes et des pieds de page avec Divi Theme Builder Divi et SEO Téléchargement et prix de Divi Documentation et soutien sur le thème Les...

Wix ou WordPress, qui est le meilleur en 2020?

Wix ou WordPress? À lire absolument avant de choisir!Sébastien Chaidron | Webdesigner & Développeur Web freelance à BruxellesLorsqu'il s'agit de choisir une solution pour votre site web, quel système de gestion de contenu (CMS) vous conviendra le mieux, WordPress...

Comment augmenter le trafic de mon site web

Vous recherchez à améliorer votre référencement naturel ( SEO ) pour mieux positionner votre site sur les moteurs de recherche ? Voici 3 Astuces pour augmenter votre visibilité sur le Web. Le référencement naturel n'est plus aussi facile qu'il y a 10 ans. Aujourd'hui...

Catégories