5 outils pour comparer les polices de caractères et choisir la bonne police pour votre travail

Au fil des ans, nous avons beaucoup parlé des polices de caractères. Nous avons vu comment créer des polices 2 Outils gratuits pour créer votre propre police de texte 2 Outils gratuits pour créer votre propre police de texte En savoir plus; comment télécharger des polices gratuites 5 Excellentes sources pour télécharger des polices de texte gratuites 5 Excellentes sources pour télécharger des polices de texte gratuites En savoir plus; Nous avons également vérifié ce que le monde pensait des polices à l’aide d’un sondage. Mais nous ne nous sommes jamais vraiment assis et avons parlé de la première chose que nous faisons avec les polices - comparez-les et voyez laquelle convient parfaitement à notre utilisation.

J'utilise le terme 'font' ici parce que c'est le terme le plus utilisé, bien que le terme le plus précis soit - la police de caractères, lorsque nous parlons de son apparence. Comme le dit le concepteur de caractères Norbert Florendo - Police de caractère est ce que vous utilisez, et police de caractères est ce que vous voyez. Sémantique mise à part, lorsque nous essayons de sélectionner une police, nous comparons souvent les différentes polices disponibles. Voici sept outils qui pourraient vous aider à choisir la bonne police pour votre travail..

Typetester

L'application de polices en ligne est principalement conçue pour les concepteurs Web qui consacrent énormément de temps à la recherche de la police d'écran appropriée. Cet outil vous permet non seulement de sélectionner des polices dans différentes listes (liste sécurisée Web, liste Windows, liste Mac, liste Google), mais vous fournit également quelques menus déroulants pour modifier et modifier les propriétés de la police. Vous pouvez entrer votre propre exemple de texte et également jouer avec la couleur.

Vous pouvez également choisir diverses autres polices qui ne figurent peut-être pas dans ces listes. Vous pouvez expérimenter sur l'exemple de texte en comparant trois polices différentes en même temps ou en choisissant une police et en personnalisant les propriétés dans les trois colonnes. L'application lisse vous donne une vue utile côte à côte. (Voir la mention du répertoire)

FontComparer

C'est un autre outil de comparaison dynamique qui vous permet de comparer différentes polices Web en un coup d'œil. Le choix des polices provient du répertoire des polices de Google et de TypeKit. Vous pouvez taper votre propre texte et voir comment les polices changent l’aspect du titre et d’une ligne de texte. Lorsque vous trouvez une police que vous aimez, passez la souris sur le texte d'exemple pour que le texte “Obtenir la police” lien apparaît. Cliquez sur ce lien et la CSS pour cette police sera affichée dans un cadre au bas de la page Web. Vous pouvez copier-coller le code dans votre propre code HTML de page Web. (Voir la mention du répertoire)

Testeur de police

Font Tester n'est pas aussi attrayant que la première application Web de notre liste, mais son utilité est indéniable, car elle comporte quelques options supplémentaires qui vous permettent de prévisualiser et de choisir la bonne police. Vous pouvez utiliser la comparaison de polices et vérifier trois styles côte à côte. Vous pouvez utiliser le texte par défaut ou encore entrer le vôtre. Ensuite, jouez avec les propriétés CSS (toutes les propriétés relatives aux polices sont incluses) pour obtenir le look que vous souhaitez pour votre conception Web. Un sélecteur de couleur vous permet d'affiner davantage l'apparence. Il existe également une carte de caractères que vous pouvez utiliser pour trouver rapidement l'entité HTML correspondante pour un caractère particulier..

Jouet de designer

Expérimentez avec différents types de caractères et combinaisons de couleurs sur cet outil en ligne. Modifiez le texte associé au corps du texte et aux titres et jouez avec les couleurs de l’arrière-plan et du corps. Le plus est que vous recevrez un retour instantané sur le fait que votre combinaison choisie rencontre les recommandations du World Wide Web Consortium (W3C)..

Vous pouvez définir la largeur de l'exemple d'article, ainsi que la longueur de l'article et des paragraphes. Les recommandations relatives à l'accessibilité des contrastes de couleur et de la luminosité instantanées émises par W3C et Hewlett Packard facilitent également la conception..

Police Dragr

Cet outil de comparaison de polices est une application expérimentale mais intéressante de HTML5. Par conséquent, cela ne fonctionnera que dans les navigateurs prenant en charge le nouveau standard. En ce moment, c'est Firefox 3.6 et supérieur. Vous pouvez simplement faire glisser n'importe quel type de fichier (ttf), type d'opent (otf), graphisme vectoriel adaptable (svg) ou polices Web Open Font Format (WOFF) du bureau vers la barre latérale gauche. La famille de polices du texte. Le texte par défaut peut être modifié pour inclure le vôtre. Vous pouvez sélectionner les polices dans le panneau de gauche et observer les modifications..

Jusqu'à présent, nous avons examiné cinq applications Web en ligne qui nous permettaient de prévisualiser et de sélectionner la bonne police. Si vous cherchez plutôt un logiciel gratuit pour le bureau, tentez votre chance avec FontViewOK (ver.2.15). Il s’agit uniquement d’une application Windows et, comme le montre notre brève analyse, c’est plus simple que les applications Web décrites plus haut..

Êtes-vous un concepteur de sites Web qui a besoin d'un outil de comparaison de polices dans sa boîte à outils de conception de sites Web? Quelles sont les autres applications liées aux polices que vous souhaitez recommander??

Crédit d'image: Shutterstock

En savoir plus sur: les polices de caractères, la conception Web, le développement Web, les outils pour les webmasters.