Comment voir les polices utilisées par un site Web

Si vous avez été complètement obsédé par la police que vous voyez sur le site, vous pouvez vous demander comment trouver son nom pour l’utiliser dans le contenu. Une typographie de haute qualité améliore l’expérience de lecture des visiteurs et mérite donc d’être recherchée. Quelle que soit la raison pour laquelle vous vérifiez les polices utilisées sur le site, il existe de nombreux outils pour vous aider. Dans cet article, nous discuterons des raisons pour lesquelles vous voudrez peut – être voir les polices utilisées par votre site Web. On t’apprendra aussi à le faire.
Allons – y! Abonnez – vous à notre chaîne YouTube pourquoi vérifiez – vous les polices utilisées par le site? Comme nous l’avons mentionné précédemment, des polices attrayantes et faciles à lire peuvent améliorer l’expérience utilisateur (ux) et la lisibilité du site Web. Il permet également aux visiteurs d’interagir facilement avec votre contenu sans effort d’interprétation. Si votre article est élégant mais illisible, les lecteurs auront du mal à comprendre ou à apprécier votre matériel. Si le texte n’est pas lisible, le bouton CTA est également presque inutile. C’est pourquoi vous trouverez utile de conserver une liste de caractères qui attirent votre attention, à la fois élégante et lisible. Vous pouvez ensuite les utiliser sur votre site ou pour vos clients à l’avenir.
Comment voir les polices utilisées par un site Web (3 méthodes disponibles) Il existe plusieurs façons de vérifier les polices utilisées par un site Web. La fonction de vérification du navigateur est une bonne solution, mais il y a aussi des extensions qui peuvent produire des effets équivalents. Vous pouvez même utiliser des outils en ligne pour trouver des polices à partir d’images. Regardons chacune de ces options. 1. L’une des méthodes les plus simples pour identifier la police à l’aide de l’outil de vérification du Navigateur
Lorsque le site utilise l’outil de vérification du navigateur. Bien que nous utilisions Chrome Inspector dans cet exemple, il est important de noter que d’autres navigateurs ont la même fonctionnalité.
Tout d’abord, faites un clic droit sur la page Web qui contient la police que vous recherchez. Dans le menu résultats, sélectionnez vérifier: Si vous préférez utiliser les raccourcis clavier, essayez Ctrl + shift + I sous Windows ou Linux. Si vous utilisez un mac, il est équivalent à CMD + shift + I. dans la fenêtre du côté droit de l’écran, recherchez le texte en utilisant la police que vous souhaitez contrôler. Lorsque vous sélectionnez l’élément HTML approprié, il met en évidence: Ensuite, cliquez sur l’onglet calcul et recherchez la famille de polices: Vous devriez voir les noms et les styles de police énumérés ici.
Pour voir la police CSS, consultez l’onglet styles. Vous pouvez faire défiler la recherche de valeurs de caractères. Cependant, l’onglet calcul est généralement plus utile parce qu’il peut y avoir des dérogations et des règles de style non pertinentes. 2. Utilisez l’extension du Navigateur pour trouver les polices l’extension du navigateur peut fournir un moyen plus simple de trouver les détails des polices sur le site Web, en particulier si vous n’êtes pas satisfait de l’inspecteur. De plus, ils peuvent souvent fournir la réponse que vous voulez plus rapidement afin que vous puissiez revenir à la tâche à accomplir.
Voici quelques – uns de ces ajouts: Fountain: gratuit, cette extension vous permet de trouver des noms, des poids, des styles et des caractères plus simples en mettant en évidence et en cliquant avec le bouton droit lors de la navigation. Whatfont: en simplifiant encore la détection des polices, whatfont vous permet de visualiser les noms de polices simplement en passant le curseur sur la police. CSS peeper: Cette extension est plus robuste et peut être utilisée comme four pour répondre aux besoins des concepteurs Web
Vous pouvez obtenir plus de détails à partir du code CSS de la page Web. Cependant, chaque extension a un support de navigateur différent. Whatfont est disponible pour Firefox, chrome, Safari et Internet Explorer. Fontanello, par contre, n’est disponible que pour Firefox et Chrome. CSS peeper est un outil spécifique à Chrome que vous ne pouvez utiliser avec aucune autre plateforme.
Pour trouver rapidement le nom d’une police particulière, whatfont est l’option la plus facile à utiliser. Comme il supporte également la plupart des navigateurs, nous l’utiliserons pour une démonstration rapide. Après avoir installé whatfont, vous pouvez vérifier les polices utilisées par le site en activant le site dans la barre d’outils du navigateur et en passant le curseur sur le texte: Lorsque vous passez au texte pour la première fois, vous ne verrez que les noms de caractères. Cependant, cliquer sur le nom affiche une fenêtre contextuelle étendue qui contient plus de détails tels que la taille, le poids, la couleur et la hauteur de ligne. Il identifie également si les polices peuvent être utilisées par typekit ou Google font.
Une fois que vous avez vérifié les détails de police, vous pouvez quitter l’outil en utilisant le bouton quit whatfont dans le coin supérieur droit de la fenêtre du navigateur. 3. Détecter les caractères dans l’image. Enfin, vous pouvez essayer de voir les caractères utilisés dans l’image. Cela comprend les polices que vous voyez dans le logo ou le graphique d’information. D’après notre expérience avec les détecteurs de caractères, whattlefont est l’outil en ligne le plus efficace pour ce travail. Pour utiliser quelle police, vous devez télécharger l’image en question et sélectionner la Section avec les caractères pertinents: Vous retournerez ensuite une page de résultats contenant plusieurs caractères semblables (s’ils ne correspondent pas exactement) à ceux que vous essayez d’identifier: Selon la source et la popularité de la police, votre taux de réussite peut varier. Si le nom exact de la police