Principal Autre Comment vérifier la taille et le visage de la police sur un site Web

Comment vérifier la taille et le visage de la police sur un site Web



Avec littéralement des millions de polices disponibles, trouver celle qui est parfaite peut prendre plus de temps que prévu. Lorsque vous en repérez un bon, vous devez découvrir ce que c'est sur-le-champ; sinon, vous pourriez le perdre pour de bon. S'il s'agit d'une police particulièrement bonne, vous pouvez l'utiliser sur votre propre site Web, comme une police Office, ou dans Windows, selon le type de police dont il s'agit. 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.

  Comment vérifier la taille et le visage de la police sur un site Web

Que vous soyez amateur de design ou que vous aimiez simplement l'apparence d'un site Web particulier, savoir quel type de police le site utilise et quelle est sa taille peut vous aider à l'imiter ou à l'utiliser sur votre propre site Web. Il existe plusieurs façons d'y parvenir, et cet article vous en montrera quelques-unes. Si vous souhaitez vérifier le type et la taille de la police sur un site Web, lisez la suite !

Vérification du type et de 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 de 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. Ci-dessous, nous couvrirons les deux types. Tout d'abord, nous allons nous concentrer sur la méthode du navigateur intégré.

¿Mi teléfono está rooteado o desarraigado?
  1. Faites un clic droit sur la page dont vous aimez l'apparence et sélectionnez Inspecter l'élément (Firefox), Inspecter (chromé), ou F12 Outils de développement (Bord).
      Menu Web Chrome
  2. Sélectionner 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 Police de caractère ou taille de 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.
      Outil Inspecteur Chrome

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

Quelques modules complémentaires tiers fonctionnent soit comme des plugins, soit comme des bookmarklets et peuvent identifier les types de polices. 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.

QuelleFont

QuelleFont est disponible sous forme de site Web ou de extension de navigateur . WhatFont est gratuit et très simple. Voici ce qu'il faut faire :

  1. Localisez la police que vous souhaitez étudier. Prenez une capture d'écran d'un échantillon ( CMD + Maj + 4 sur un Mac ou Touche Windows + Maj + S sur un PC). Ensuite, rendez-vous sur le site Web de WhatFont.
  2. Cliquez pour télécharger la capture d'écran depuis votre ordinateur ou faites glisser la capture d'écran et déposez-la dans la boîte.
  3. Sélectionnez un échantillon de la police. Ensuite, cliquez sur le icône flèche bleue .
  4. Faites défiler la liste et trouvez celle qui correspond le mieux à la police que vous souhaitez.

En plus du nom de la police, vous avez également la possibilité de l'acheter si vous ne l'avez pas déjà.

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 indiquant la taille, la couleur, le poids, etc.

Fontanello

A ne pas confondre avec le footballeur, 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 mérite d'être téléchargée. Voici comment utiliser Fontanello :

  1. Ouvrir Chrome et aller au Fontanello page dans le Chrome Web Store.
  2. Cliquez sur Ajouter à Chrome pour installer le Extension de navigateur Fontanello .

  3. Ouvrez la page Web avec la police que vous souhaitez inspecter. Mettez en surbrillance un échantillon du texte que vous aimez.

  4. Faites un clic droit sur le texte en surbrillance puis cliquez sur Fontanello .

Dans le menu contextuel qui apparaît, vous verrez les détails de la police.

Fontanello permet de révéler rapidement et facilement les détails de la police que vous souhaitez utiliser.

Questions fréquemment posées

Voici quelques réponses supplémentaires à vos questions sur les polices en ligne.

Comment savoir quelle police se trouve dans une image ?

Peut-être êtes-vous intéressé par une certaine police, mais elle fait partie d'une image. Il peut être difficile de déterminer quelle est cette police particulière. L'outil le plus utile pour cela est WhatFont. En suivant les instructions ci-dessus, vous pouvez télécharger l'image et révéler les détails de la police.

Inspection des sites Web

Si vous n'avez pas envie d'utiliser les outils de développement de votre navigateur pour trouver la police d'un site Web, il existe de nombreux modules complémentaires de type bookmarklet qui peuvent identifier les polices ; WhatFont n'est que l'un d'entre eux.

En utilisez-vous un ? Cet article vous a-t-il convaincu d'en essayer un nouveau ? Faites-le nous savoir ci-dessous.

Des Articles Intéressants

Choix De L'Éditeur

11 façons de résoudre ce problème lorsque Waze ne fonctionne pas
11 façons de résoudre ce problème lorsque Waze ne fonctionne pas
Que faire lorsque Waze ne charge pas la carte, que le GPS ne fonctionne pas ou qu'il y a un autre problème avec Waze. En règle générale, redémarrez simplement votre application, mais si Waze est en panne, il vous suffit d'attendre. Il y a encore beaucoup à essayer, nous en parlerons donc également.
Comment transformer du texte en forme dans Illustrator
Comment transformer du texte en forme dans Illustrator
La conversion de texte en formes est l'une des fonctionnalités les plus utiles d'Adobe Illustrator. Il vous permet de personnaliser votre travail, de combiner des mots avec divers dessins et d'utiliser du texte comme masques d'image. De plus, il permet à d'autres concepteurs de modifier votre
Comment définir le GPU préféré pour les applications dans Windows 10
Comment définir le GPU préféré pour les applications dans Windows 10
Dans Windows 10, une option dans l'application Paramètres permet de spécifier le GPU à utiliser pour une application sur des systèmes multi-GPU. Lorsque vous définissez une préférence d'application dans l'application Paramètres, elle prévaut sur les autres paramètres du Panneau de configuration tiers fournis par le pilote GPU.
iPhone X - Comment changer le fond d'écran
iPhone X - Comment changer le fond d'écran
Utilisez-vous toujours le fond d'écran d'origine sur votre iPhone X? Pourquoi avoir un téléphone ennuyeux alors qu'il existe tant de façons de personnaliser l'écran selon vos goûts ? L'iPhone X vous permet de définir votre photo préférée comme
Les meilleurs films, coffrets et séries sur Sky on Demand : 8 choses à regarder dès maintenant
Les meilleurs films, coffrets et séries sur Sky on Demand : 8 choses à regarder dès maintenant
En ce qui concerne les sites de streaming en ligne, Netflix est toujours le plus populaire, mais il reste encore de bonnes choses à trouver sur Amazon Prime et Sky on Demand. En fait, Sky on Demand a maintenant environ 1 500
Chrome - Votre connexion n'est pas privée - Que signifie cet avertissement ?
Chrome - Votre connexion n'est pas privée - Que signifie cet avertissement ?
Si vous lisez cet article, vous êtes probablement coincé avec le problème de connexion non privée dans Chrome et vous ne savez pas quoi faire à ce sujet. Si c'est le cas, il n'y a pas lieu de s'inquiéter - ce problème est facilement
3 façons simples d'effacer le CMOS (réinitialiser le BIOS)
3 façons simples d'effacer le CMOS (réinitialiser le BIOS)
Voici trois façons différentes d’effacer la mémoire CMOS de votre carte mère. La suppression du CMOS réinitialisera les paramètres du BIOS à leurs niveaux par défaut.