9 Façons d’Identifier les polices à partir d’Images et de Texte Web + Téléchargez-les sur votre Site

Comment identifier une police. Avez-vous déjà eu ce moment de tomber amoureux d’une conception de site Web absolument aléatoire? Ce sont les images sympas, les superbes mises en page de texte, les couleurs gagnantes, mais surtout les polices exceptionnelles qui vous donnent littéralement envie de les voler pour votre propre projet.

Les concepteurs sont souvent confrontés au défi de savoir quelle police a été utilisée dans une image particulière ou sur un site Web. Parcourir toute une collection de polices dans l’espoir de trouver une correspondance ne vous garantit aucun succès, pour ne pas dire que cela prend des heures de votre temps précieux. Et si la police n’est même pas là?

Je veux dire, vous pouvez toujours demander de l’aide à des concepteurs Web expérimentés, trouver un forum pertinent ou rechercher une autre option étonnante de la collection de polices TemplateMonster. En ce qui concerne les forums, préparez-vous à attendre: peut-être un jour, peut-être plusieurs semaines.

…Mais que se passe-t-il s’il n’y a pas de temps à attendre?

La bonne nouvelle est que c’est plus facile que vous ne le pensez. Vous pouvez rechercher une police par image à l’aide de sites Web spéciaux. Vous pouvez même télécharger une extension de navigateur pour une meilleure commodité.

Aujourd’hui, j’ai sélectionné plusieurs détecteurs de polices gratuits que vous devriez connaître en tant que concepteur Web. La sélection de l’outil de détection de polices n’est que la première étape pour le télécharger sur votre propre site Web.

Continuez à lire et je vous dirai comment c’est fait!

Étape 1 – Rechercher des polices à partir d’images à l’aide d’outils tels que:

Quelle est La Police

 » Quelle police est »est le service le plus populaire pour déterminer la police à partir d’une photo ou d’une capture d’écran. Tout ce dont vous avez besoin est de télécharger une image (ou de spécifier son URL) et le logiciel affichera les options les plus similaires disponibles à l’achat sur MyFonts. Selon ce que sont les créateurs de polices, les exigences pour l’image sont les suivantes:

• texte clairement horizontal
• hauteur des lettres d’au moins 100 pixels
• les lettres ne se touchent pas
• pas plus de 50 caractères au total

Qu’est-ce que La police

WhatTheFont est une autre ressource bien connue pour identifier les polices comme son concurrent précédent. À première vue, il semble que les étapes du service soient similaires, mais ce n’est en fait pas le cas. Avec WhatTheFont, tout est un peu plus compliqué: le résultat final dépend directement de la qualité de votre image de police. D’ailleurs, le logiciel n’optimise pas automatiquement l’image.

Et bien que par rapport à ce qu’est la police, cette ressource a une collection de polices plus faible, vous avez toujours une probabilité plus élevée de reconnaissance réussie des polices. Après tout, il y a toujours un forum thématique de site Web vers lequel se tourner.

Font Écureuil

Apparemment, Font Squirrel fonctionne exactement de la même manière que les deux services précédents: vous téléchargez une image, recadrez une police et le logiciel détecte les options de police possibles. Mais il y a quelque chose qui rend la police Squirrel unique. En particulier, la possibilité de faire pivoter des images et d’identifier les polices intégrées sous une forme non conventionnelle. C’est un instrument super utile lorsque les images comportent des polices qui ne sont pas placées dans la position horizontale habituelle, et vous ne trouverez cette fonctionnalité nulle part ailleurs!

N’oubliez pas non plus de parcourir les offres de Police d’écureuil proposées – certaines d’entre elles sont vraiment « chaudes », alors ne les manquez pas.

Matcherator

Matcherator est un outil de reconnaissance de polices génial en termes de facilité d’utilisation. Le site Web dispose d’une fonction de glisser-déposer pratique. Cela signifie que vous pouvez placer une image de la police en la faisant simplement glisser sur le site avec la souris. Le programme trouvera sûrement ce dont vous avez besoin! Avec cet outil, vous pouvez reconnaître toutes sortes de polices (avec et sans empattements) sans frais.

En dehors des services en ligne ci-dessus, vous pouvez envisager d’installer l’une des extensions de navigateur. Ceux-ci vous aident à reconnaître la police non seulement à partir de l’image mais aussi de l’inscription. La meilleure partie est que vous n’avez pas besoin d’ouvrir un nouvel onglet chaque fois que vous devez détecter une police. Avec l’extension activée, la procédure ne prend que quelques secondes.

Fontface Ninja

FontFaceNinja est pour le moment un leader incontesté. L’extension vous aide non seulement à trouver le titre de la police sur un site Web (pas à partir de l’image), mais vous donne également la possibilité d’essayer d’écrire avec cette police. De plus, il vous permet de télécharger la police que vous avez trouvée et aimée!

En plus de la beauté et de la commodité de cette extension, FontFaceNinja dispose d’une sorte de bouton magique (masque) qui masque toutes les annonces de la page, ce qui vous permet de profiter uniquement des polices. L’extension est entièrement gratuite et fonctionne avec Chrome et Safari.

Échantillon type

Ceci est une autre extension utile, malheureusement, pour les utilisateurs de Chrome uniquement. Il fonctionne de la même manière que l’option précédente, bien que l’échantillon de type puisse se vanter de certaines fonctionnalités uniques intéressantes. La possibilité de « jouer avec les polices » en temps réel mérite une attention particulière. Lorsque vous cliquez sur le bloc de texte en surbrillance, vous pouvez modifier la taille de la police, regarder le pangram, entrer votre propre exemple de texte et essayer plusieurs autres astuces indisponibles avec d’autres services.

En vous connectant à l’exemple de compte de type sur Twitter, vous pouvez créer votre propre collection de polices et / ou regarder celle de quelqu’un d’autre.

WhatFont

Disponible pour Chrome et Firefox, l’extension WhatFont ne semble pas être un service super fonctionnel à première vue. Mais la vérité est que le service fournit aux utilisateurs de nombreuses informations sur la police sélectionnée. WhatFont vous permet de définir non seulement les tuiles de police, mais également la hauteur de ligne, le style, la taille, la famille de polices, ainsi que son code couleur actuel.
Enfin, vous pouvez prévisualiser toutes les lettres stylisées avec cette police et même en télécharger une, à condition qu’elle ait été développée par Google.

Typ.io

Typ.io est un choix parfait pour les maximalistes refusant de faire des actions supplémentaires ou ceux qui ne se soucient tout simplement pas des styles de police et des codes de couleur. Après avoir installé l’extension, vous verrez le bouton avec la lettre « T » dans le coin inférieur du navigateur. Si vous cliquez sur ce bouton, les titres de toutes les polices identifiées sur la page seront affichés dans une colonne séparée. Pour savoir où se trouve la police, cliquez simplement sur son nom.

Source

Fount est un excellent plugin pour identifier les polices sur les sites Web utilisés par de nombreux concepteurs Web professionnels. Pour que cela fonctionne, vous devez ajouter un site aux signets et cliquer dessus. Le curseur deviendra une croix, donc lorsque vous cliquez sur la police, vous verrez une fenêtre avec son titre, sa taille en pixels, son poids et son style. Pour désactiver le mode d’extraction, appuyez à nouveau dessus. L’extension fonctionne avec des navigateurs tels que Safari, Chrome, Firefox et IE8+.

Étape 2 – Prévisualisez votre police.

Maintenant que vous avez probablement trouvé LA police étonnante que vous avez vue ailleurs, vous devez savoir si cette police correspondra au style de votre site Web. « Vous ne saurez jamais à moins d’essayer » – vous l’avez peut-être déjà pensé et vous auriez raison à 100%. Mais télécharger chaque police aimée sur votre site sera un gaspillage d’argent, non?

La bonne nouvelle est que si vous êtes un utilisateur de Chrome, vous pouvez obtenir un aperçu de n’importe quelle police. L’extension Google Font Previewer vous permet de les tester sur un site Web sans passer en mode d’édition. Vous pouvez également « star » les polices que vous prévisualisez le plus et les marquer comme favoris dans votre application.

Étape 3 – Téléchargez la police personnalisée sur votre site Web

Vous avez donc choisi la bonne police que vous recherchez depuis si longtemps et il est maintenant temps d’en implémenter une sur votre propre conception de site Web. L’approche la plus courante pour ajouter une police personnalisée à un site Web consiste à utiliser la règle CSS FontFace.

1. Téléchargez la police dans un format approprié (.ttf ou .otf)
2. Créez un kit de WebFont pour la navigation croisée en utilisant le générateur de Webfont
3. Téléchargez ce kit sur votre site Web en utilisant votre FTP ou votre gestionnaire de fichiers
4. Mettez à jour votre fichier CSS
5. Utilisez la police personnalisée dans vos déclarations CSS

Si vous avez un site basé sur WordPress, les choses peuvent être encore plus faciles avec un plugin de typographie – vous n’aurez plus besoin de jouer avec le code. Ou vous pouvez choisir d’ajouter ces polices à votre thème manuellement en utilisant les fonctions.fichier php.

Calligraphie lumineuse

Si vous recherchez une police moderne et lisse, c’est ce dont vous avez besoin. Il comprend de superbes personnages au style néon. Il est parfait pour concevoir des logos, des emballages ou tout autre matériel promotionnel. Vous obtiendrez un ensemble de 81 fichiers PSD (4000×4000 px) et PNG (2000×2000 px). Vous pouvez facilement combiner des lettres séparées pour créer le mot nécessaire. De plus, ces lettres sont faciles à personnaliser – vous pouvez changer leur couleur. Il est également livré avec une police Golden Bush (fichiers OTF et TTF, que vous pouvez facilement installer et utiliser). Il est fourni avec une texture de fond sombre. Dans l’ensemble, c’est un ensemble de lettres de style néon calligraphique attrayant. comment identifier une police

Goût ambré

Voici une belle police de style vintage. C’est parfait si vous voulez promouvoir quelque chose. Il est idéal à utiliser lorsque vous concevez un logo, un menu ou un dépliant. La police vintage peut également rendre votre design luxueux, surtout si vous utilisez un joli motif. Il se présente sous forme de fichiers de polices OTF et TTF – vous pouvez facilement les installer et les utiliser. Cette police est livrée avec un fichier EPS. Il est fourni avec un fond de motif sans couture. Dans l’ensemble, cette police est livrée avec tout ce dont vous avez besoin pour créer quelque chose d’impressionnant. Veuillez noter que ce fichier comprend uniquement des caractères latins.

Police de caractères à fumer

Ceci est une autre police d’aspect vintage qui peut rendre votre design incroyable. Il est facile à personnaliser. Il a des fichiers séparés pour la police et l’effet de volume texturé, de sorte que vous pouvez facilement changer la couleur. Par conséquent, vous avez quelques options de personnalisation. Il se présente sous forme de fichiers OTF, TTF et WOFF. Par conséquent, vous pouvez facilement l’installer et l’utiliser. Tous les caractères utilisent le format EPS 10. C’est génial quand vous voulez obtenir le look vintage lorsque vous concevez quelque chose. Cela peut être parfait lorsque vous créez un logo ou une image pour votre site Web. Vous obtiendrez également une affiche bonus.

Lacets

Si vous avez besoin d’une belle police de style écriture manuscrite, c’est celle dont vous avez besoin. Cette police a deux versions – avec l’effet « lacet » et sans elle. L’effet « lacet » ajoute une texture spéciale qui ajoute des sections transparentes. Cela peut rendre votre design plus intéressant. La version propre n’a pas cet effet, mais elle a toujours l’air incroyable et propre. Il est livré avec 8 swashes, ligatures et alternances afin que vous puissiez rendre votre conception plus complexe et intéressante. Il est livré sous forme de fichiers OTF et TTF, vous pouvez donc facilement l’installer et l’utiliser. Il ne contient que des caractères latins. Comment identifier une police ?

Étiquette de whisky

C’est une option parfaite lorsque vous recherchez une police de style classique. Il peut être génial à utiliser lorsque vous concevez un emballage, une étiquette ou un logo. Cela rendra votre design haut de gamme et luxueux. Cette police est disponible en fichiers OTF et WOFF, vous pouvez donc facilement les installer et les utiliser. Il est fourni avec quatre fichiers EPS 10 qui démontrent comment il peut être utilisé. Les fichiers vectoriels comprennent des cadres décoratifs, des rubans et une texture grunge. La police comprend des chiffres et de la ponctuation. Si vous recherchez la police, cela peut faire ressortir votre conception – obtenez celle-ci dès maintenant. Comment identifier une police ?

Agression

Voici une police moderne et agressive qui peut rendre votre design accrocheur. Cette police de style graffiti est parfaite lorsque vous souhaitez rendre votre design non standard et stimulant. C’est propre et bien conçu. Cette police est fournie sous forme de fichiers OTF et TTF qui peuvent être facilement installés et utilisés. Il est livré avec des images abstraites bonus – six fichiers PSD et JPG 6000×6000. C’est une police multilingue, donc vous n’avez aucune limite. Tous les personnages ont l’air dynamiques, ils rendent donc le design plus intéressant et complexe. Par conséquent, si vous voulez créer quelque chose auquel les gens prêteront attention, cette police est ce dont vous avez besoin. Comment identifier une police ?

À L’Intérieur De La Boîte

Êtes-vous fatigué de toutes ces polices d’apparence standard? Si c’est le cas, cette police est faite pour vous. Il a l’air incroyable et rendra votre design conceptuel et vivant. Cette police a 2 styles. Il comprend des personnages larges qui ont l’air modernes et conceptuels. Il y a aussi des personnages minces qui ont l’air très élégants et propres. Il est livré sous forme de fichiers OTF et TTF. Ils sont faciles à utiliser. De plus, il est fourni avec des fichiers de motifs. Les motifs peuvent être personnalisés pour obtenir le look dont vous avez besoin. Il comprend uniquement des caractères latins. Cette police peut être géniale pour rendre votre design quelque peu futuriste. comment identifier une police

Police Pin Up

Si vous êtes un artiste, qui crée des illustrations de Pin Up, cette police est exactement ce que vous devez avoir. Il correspond parfaitement aux illustrations de style Pin-Up de renommée mondiale. Il comprend deux styles de police, vous pouvez donc choisir celui que vous aimez le plus. Il est livré sous forme de formats OTF et WOFF, de sorte qu’ils peuvent être facilement installés. Il est fourni avec plusieurs swashes que vous pouvez utiliser pour rendre votre design plus intéressant et dynamique. La grande chose est que cette police est fournie avec une illustration de Pin-Up girl! Gardez à l’esprit qu’il comprend uniquement des lettres. comment identifier une police

Mégawatt

Cette belle police calligraphique moderne rendra votre design puissant. C’est génial si vous avez besoin de concevoir un logo, une affiche, une image accrocheuse, etc. Il combine le style d’écriture manuscrite avec des angles vifs. Cette combinaison rend cette police si puissante. Il comprend quelques ligatures. Il se présente sous forme de fichiers OTF et TTF. En prime, vous obtiendrez un rendu 3D de haute qualité d’un amplificateur de guitare (la résolution de ce fichier PSD est de 6000×4000 px. C’est une police multilingue (elle comprend des caractères d’Europe de l’Ouest). Dans l’ensemble, si vous voulez que votre design bascule, cette police est celle dont vous avez besoin. comment identifier une police

Augustine

Voici une police de script élégante et moderne. Il est super propre et lisse, il est donc parfait pour rendre le design élégant. Cette police est idéale lorsque vous concevez des invitations, des cartes de visite, des menus, des flyers, des affiches, etc. Il a diverses caractéristiques, comme des ensembles stylistiques, des alternatives stylistiques, une alternative contextuelle, une ligature, etc. Il est livré avec des swashes, de sorte que vous pouvez ajouter des touches spéciales à votre design et le rendre complexe. Il est fourni sous forme de fichiers OTF et TTF – vous pouvez facilement l’installer et l’utiliser. Il a beaucoup de glyphes. Tous les caractères sont codés en PUA – vous pouvez y accéder sans utiliser de logiciel supplémentaire. C’est multilingue, donc vous n’avez aucune limite. C’est très propre et cela rendra votre design impressionnant. comment identifier une police

à la fin de la ligne…

Comment identifier une police ? Parfois, la meilleure façon de trouver la bonne police est de rechercher de beaux exemples et collections de polices en ligne. La pire chose pour les graphistes est de voir une belle police et de ne pas savoir comment elle s’appelle. Mais maintenant que vous avez neuf façons d’identifier les polices, vous pourrez découvrir leurs noms en quelques minutes just ou peut-être même plus rapidement!

PS Peut-être, vous connaissez d’autres bons outils de détection de polices que je n’ai pas mentionnés. Faites-le moi savoir dans la section des commentaires!

FAQ

Lire aussi

TOP 100 Polices Gratuites pour les Concepteurs

60 Polices Gratuites & Premium Bold pour Des Titres Forts

10 Tendances Typographiques à Suivre en 2020

10 Meilleures Applications de Polices Pour les Accros à la Typographie ou Comment Sortir du Labyrinthe de Polices sans fin