Détecter facilement les polices avec Fontface Ninja

Si vous tombez sur une police que vous souhaitez adopter pour votre propre usage, la méthode la plus courante pour obtenir des informations sur cette police consiste à utiliser l'option Inspecter l'élément située dans le navigateur Chrome.

En gros, sur Chrome, nous mettons en surbrillance le texte et faisons un clic droit pour le sélectionner. Inspecter l'élément. On peut alors voir tout le code CSS lié au texte surligné.

Il y a un problème cependant. Comme vous pouvez le voir dans la deuxième image, le texte en surbrillance est stylisé avec de nombreux sélecteurs. Pour tous les vérifier un par un, cela va prendre du temps.

Utilisation de Fontface Ninja pour détecter la police

Voici où Fontface Ninja entre en. C'est une extension de navigateur qui vous aide identifier une police par son nom. Et tout ce que vous avez à faire est de survoler la police qui vous intéresse. En plus du nom de la police, Fontface Ninja vous donne également la Taille et interligne ainsi que.

Une autre fonctionnalité de Fontface Ninja que vous trouverez peut-être utile est la possibilité de masquer les images et les annonces vous pouvez donc vous concentrer sur les polices sans interruption. Le plugin vous permet également d'essayer une police, et si vous l'aimez acheter ou télécharger la police.

Installer Fontface Ninja

Vous pouvez télécharger Fontface Ninja sur le navigateur de votre choix..

Chrome
Safari

Utiliser Fontface Ninja

Une fois installé, une icône d'application d'un ninja sautant s'affichera près de la barre d'adresse du navigateur. Cliquez dessus pour l'activer. Maintenant vous pouvez survoler n'importe quel texte sur une page Web pour obtenir une info-bulle contenant des informations sur la police.

Pour essayer la police, Clique dessus, et le logo FontFace Ninja se décalera vers la gauche, vous permettant ainsi de saisir et d'essayer la police que vous avez choisie. Vous pouvez également ajuster la taille de la police.

Pour masquer toutes les images et rester concentré sur la typographie, cliquez sur le bouton Masque option, qui est à côté de Fermer. Detect-font-fontface-ninja / sera caché de la vue.

Connexes - Polices de test en direct sur votre navigateur

Si vous aimez Fontface Ninja, vous aimerez probablement Police Dragr. Nous avons déjà expliqué que c’était un outil pratique pour aider les développeurs comme vous à tester les polices en direct sur un navigateur en faisant simplement glisser la police dans la page Web elle-même..

Découvrez comment tester des polices en ligne avec Font Dragr.