WhatFont Découvrez le type de police sur une page Web [multiplate-forme]

Avez-vous déjà été sur un site Web et je me demandais “Quel type de police est-ce?!” J'ai. Et selon vos intérêts et votre domaine d’intervention, vous pouvez même le faire plus que l’utilisateur Internet typique. Vous pourriez passer des heures à rechercher la police sur votre moteur de recherche préféré ou utiliser WhatFont..

WhatFont est une extension de navigateur et un bookmarklet que vous pouvez activer une fois que vous êtes sur le site Web avec la police en question..

À propos de WhatFont et de qui se cache derrière

Comme je l'ai dit précédemment, WhatFont est un outil simple que vous pouvez utiliser pour déterminer le type de police. Il existe également d'autres outils pour cela, couramment utilisés par les développeurs, mais ils ne constituent pas une solution simple et rapide, en particulier pour les personnes qui pourraient être curieuses, mais qui ne traitent pas les polices. tout le temps. La grande chose à propos de WhatFont est que c'est pour les deux types d'utilisateurs.

WhatFont a été créé par Chengyin Liu, actuellement étudiante en informatique. Il a plusieurs projets en cours auxquels il renvoie sur son site Web personnel. WhatFont est l’un de ces nombreux projets..

La page WhatFont contient littéralement toutes les informations dont vous avez besoin, y compris des instructions sur son utilisation. Quelques exemples d'informations fournies sont un champ de test, changelog et les informations de contact de Chengyin, le développeur..

Compatibilité du navigateur avec WhatFont

Selon votre navigateur préféré, vous pouvez utiliser WhatFont via une extension ou un bookmarklet. L'extension n'est disponible que pour Chrome et Safari, alors que le bookmarklet fonctionne pour Firefox, Chrome, Safari, IE et Opera..

Maintenant, si vous regardez l'image ci-dessus, vous verrez qu'il n'inclut pas Opera dans la liste des navigateurs dans lesquels fonctionne le bookmarklet. Honnêtement, j'ai trouvé cela étrange, car j'ai trouvé très peu de bookmarklets qui n'ont pas encore travaillé dans un navigateur, donc je l'ai essayé dans Opera et comme vous pouvez le voir dans l'image ci-dessous, cela a bien fonctionné.

Comment utiliser WhatFont

Utiliser WhatFont est vraiment simple et nécessite à peine une section pour l'expliquer. Une fois que vous l'avez acquis, actualisez les pages Web déjà chargées sur lesquelles vous souhaitez l'utiliser et cliquez sur le bookmarklet ou l'extension..

Si vous passez la souris sur la police souhaitée, seul le type de police sera affiché. Si vous cliquez sur la police elle-même, vous obtiendrez une fenêtre contextuelle contenant davantage d'informations telles que la famille de police, la taille, la hauteur de ligne, la couleur et parfois l'origine de la police..

Par exemple, dans l'image ci-dessous, vous pouvez voir que les polices sont de TypeKit. Vous pouvez également tweeter la police si vous le souhaitez.

Vous pouvez également remarquer que vous pouvez cliquer sur plusieurs polices sans perdre la fenêtre précédente. Fonctionnalité simple, mais intelligente, car vous souhaiterez souvent comparer différentes polices.

Notez également qu'en utilisant WhatFont, vous ne pourrez pas interagir complètement avec la page Web, sauf à des fins WhatFont. Vous pouvez rapidement quitter WhatFont en cliquant sur le bouton dans le coin supérieur droit..

Où trouver WhatFont

A présent, vous avez probablement compris où vous procurer WhatFont. Le moyen le plus direct de l’acquérir consiste à utiliser le site Web, en particulier pour le bookmarklet. Je recommanderais également cette méthode pour télécharger l’extension Safari. Pour Chrome, vous pouvez accéder directement au Chrome Web Store et le faire de cette façon..

Conclusion

Encore une fois, vous ne pouvez pas toujours utilisez cet outil, mais il est pratique d’avoir cette police pour identifier les polices. Et c'est particulièrement agréable pour les développeurs et les concepteurs de sites Web.

Que pensez-vous de WhatFont? L'as tu essayé? Nous aimerions entendre vos commentaires.

En savoir plus sur: Bookmarklets, polices, Google Chrome, navigateur Safari, typographie.