Trouver la Google Font qu’il vous faut, TypeWonder

Avec des centaines de polices de caractères disponibles, Google Fonts met à la disposition de tous une collection impressionnante de fonts utilisables gratuitement. La principale difficulté réside en fait dans le choix d’une police adaptée à son site Web ou à son blog, car il est pratiquement impossible de les tester toutes.
Avec TypeWonder on va se faciliter l’existence. L’outil en ligne permet de tester n’importe laquelle des Google Fonts en indiquant l’URL du site Web sur lequel on souhaite faire l’expérience. Après avoir saisi l’adresse du site et cliquer sur le bouton Go!, il reste à choisir la Google Font à tester puis à cliquer sur le bouton Use! pour afficher le site choisi avec cette police de caractères. Un moteur de recherche pour trouver une police en particulier et des filtres évitent de faire défiler une à une les polices disponibles : tri par nom, tri par popularité, vue en grille ou en liste. Le texte présenté comme exemple est modifiable en remplaçant sur l’onglet le texte par défaut « The five boxing wizards ».

typewonder

Publicités

Le site Web visé est ensuite affiché avec la police en question. Il est toujours possible de remettre la police d’origine en cliquant en haut sur le bouton Enabled et de changer de police à la volée en cliquant sur le bouton Change Font. Le résultat de l’expérimentation peut se partager sur Twitter en cliquant sur Share.

typewonder-police

L’intégration d’une police sur son propre site Web est facilitée en cliquant sur Get Code qui ouvre une fenêtre précisant les étapes à suivre pour utiliser la police : la ligne de code pour l’intégration de la feuille de style et la propriété CSS à utiliser pour travailler avec cette police. Dans les options avancées, selon la police choisie, différents styles sont proposés : normal, italique, gras…

typewonder-intergration-police

TypeWonder s’intègre aussi au navigateur Google Chrome en installant une extension. Un clic de souris sur le bouton de l’extension dans la barre d’outils permet alors de tester à la volée la police de caractères de son choix.

Source : TypeWonder

Publicités

Les commentaires sont fermés.

%d blogueurs aiment cette page :