4 façons d'identifier rapidement vos polices de page Web préférées

Publicité

Nous sommes passés sur un look élégant polices gratuites Les 8 meilleurs sites Web de polices gratuites pour les polices gratuites en ligneTout le monde ne peut pas se permettre une police sous licence. Ces sites Web vous aideront à trouver la police gratuite parfaite pour votre prochain projet. Lire la suite ici 10 polices gratuites pour ordinateur qui vous démarqueront Lire la suite prêt à être utilisé dans tous vos projets, mais de nombreuses nouvelles polices naissent de temps en temps grâce à des artistes talentueux. Vous pouvez les repérer dans les nouveaux logos d'applications Web, les magazines, les emballages alimentaires, etc.

Comment trouvez-vous la police de ces textes pour pouvoir les utiliser? Voici quelques services qui peuvent vous aider à identifier la police de page Web particulière que vous consultez et à rendre le processus plus automatisé que tout et moins pénible.

Pour les concepteurs / développeurs Web: Pyromane

Firebug a commencé comme un addon Firefox [No Longer Available] qui regroupe de nombreux outils de développement Web et vous permet de déboguer et de modifier CSS, HTML et JavaScript dans n'importe quelle page Web. En mars 2009, c'était toujours un outil exclusif à Firefox. Nous avions publié un article sur

comment installer Firebug sur IE, Safari, Chrome et Opera Comment installer Firebug sur IE, Safari, Chrome et Opera Lire la suite , mais avec les critiques élogieuses reçues par Firebug, cet excellent outil est maintenant disponible pour d'autres navigateurs sous la forme d'un bookmarklet appelé Firebug Lite et également d'une extension Chrome.

Bien qu'il ne soit pas un substitut complet à l'addon Firefox, ce bookmarklet Lite a répliqué de nombreuses fonctionnalités disponibles sur l'addon. Même l'apparence physique présente des ressemblances que vous ne pouvez presque pas dire que vous n'utilisez pas Firefox. Mais comme Firebug Lite n'est pas exactement la même chose, le site Web de l'auteur recommande d'utiliser le bookmarklet avec Chrome Developer Tools si vous utilisez Google Chrome.

Quoi qu'il en soit, une fois que vous avez le bookmarklet ou l'extension Chrome et que vous voyez du texte avec une police inconnue que vous aimez, vous pouvez mettre les mots en surbrillance, appuyer sur le lien du signet, accédez à l'onglet HTML dans le volet principal gauche, puis à l'onglet Calculé dans la colonne de droite pour voir le nom de la police, la famille, la taille, le poids, etc.

Bien que Firebug soit agréable et pratique pour les développeurs Web, si vous n'êtes pas concepteur Web, il existe un moyen plus simple de trouver rapidement la famille de polices d'un texte.

Un moyen rapide et soigné pour tout amateur de typographie: WhatFont

WhatFont se compose d'un bookmarklet soigné qui, une fois activé, vous permet de survoler n'importe quel texte et d'obtenir immédiatement une superposition très agréable qui apparaît avec le nom de la police. Une fois que vous aurez cliqué dessus, vous verrez des détails supplémentaires sur la police. Pour revenir au mode de navigation normal sans les superpositions, cliquez simplement sur le coin supérieur droit qui indique Quitter WhatFont.

Tout comme Firebug Lite, WhatFont ne peut naturellement pas distinguer la police des images, mais au moins il vous avertit quand elle peut être inexacte.

Si vous n'êtes pas un développeur ou un concepteur Web, mais simplement un passionné de typographie occasionnel, WhatFont est un moyen parfait, soigné et rapide d'obtenir des détails sur les polices.

Vous pouvez toujours demander de l'aide dans les forums d'experts en typographie identifier une police de page Web Comment identifier les polices utilisées dans n'importe quelle photo ou imageQue faites-vous lorsque vous tombez sur une nouvelle police merveilleuse et que vous ne savez pas de quoi il s'agit? Heureusement, Photoshop CC 2017 a juste "l'outil médico-légal" pour vous aider à faire exactement cela. Lire la suite , mais vous ne devriez essayer cela que si vous avez utilisé WhatTheFont car il est vraiment facile à utiliser. Obtenez simplement une capture d'écran PNG d'un texte dans la police que vous adorez avec le moins d'espace blanc possible et téléchargez l'image ou collez l'URL de l'image. Maintenant, saisissez ou corrigez simplement les lettres que WhatTheFont met en évidence dans l'écran suivant, en laissant vides les zones de texte des caractères incomplets, et c'est tout.

Vous ne pouvez pas toujours obtenir la même police exacte, mais il existe généralement de nombreuses polices étroitement liées que WhatTheFont vous présente. Lors de mes tests, la seule police que WhatTheFont n'a pas pu trouver exactement, un expert du forum très utile l'a identifiée en moins de 24 heures.

WhatFontIs, anciennement connu sous le nom de IdentifyFonts IdentifyFonts.net: identifiez facilement les polices à partir d'un exemple Lire la suite , est similaire à WhatTheFont en ce que vous il vous aide identifier les polices d'une image Identifiez facilement cette police de texte cool avec WhatFontIs Lire la suite . Sur ce site, vous téléchargez également une image, identifiez les caractères en surbrillance et obtenez une liste de polices ressemblant à celles de votre image. Une différence est que pendant l'étape de sélection des caractères, vous pouvez choisir de voir tous les résultats, uniquement les polices commerciales ou simplement gratuites. Vous obtenez également les détails de la licence dans la liste des résultats pour vous faire gagner du temps.

Web Designer Depot a une liste d'outils d'identification des polices, mais ceux-ci nécessitent le moins de travail manuel. Tu peux toujours apprendre la typographie 10 applications Web intéressantes et intéressantes sur les polices et la typographieJ'ai toujours été intrigué par la façon dont les lignes épaisses et fines, les angles et les formes peuvent se réunir et former de belles polices. Juste un changement de pression sur un accident vasculaire cérébral et vous pouvez obtenir quelque chose entièrement ... Lire la suite tout à fait, ou entraînez vos yeux pour identifier les propriétés des polices avec FontTrainer FontTrainer: apprendre à reconnaître les types de polices courants Lire la suite de ne pas avoir à compter sur ces outils.

Au lieu d'identifier les polices de page Web créées par d'autres personnes, vous pouvez également créez vos propres polices avec ces outils gratuits 2 outils gratuits pour créer votre propre police de texte Lire la suite .

Avons-nous manqué des moyens super simples d'identifier les polices? Faites le nous savoir dans les commentaires!

Crédit d'image: JoanaCroft chez Stock. Xchng