TypeWonder est un outil en ligne et gratuit en version bêta qui va vous permettre de prévisualiser de nouvelles polices d'écriture sur votre site, ou n'importe lequel. Pour cela, il vous suffit de rentrer l'URL du site web sur lequel vous souhaitez faire des essais. Par exemple, je rentre l'adresse du blog:
Ensuite, je choisis la police d'écriture que je veux tester dans la liste, et je clique sur Use!.
Quand vous avez cliqué sur le bouton Use!, alors vous allez voir apparaître le site web avec la font que vous avez sélectionné dans la liste.
Comme vous le voyez sur la capture d'écran, le site est bien là avec la font que j'ai sélectionné. En haut, il y a une petite barre d'outils avec 4 boutons. Le premier (enabled/disabled) permet d'activer / désactiver le changement de la police. Le bouton Change Font sert quant à lui à sélectionner une autre police dans la liste. Ce qui est bien, c'est que c'est instantané, une fois que vous êtes sur cette page, vous avez plus besoin de retourner en arrière, sauf si vous voulez changer de site web.
Quand vous cliquez sur le troisième bouton GET CODE, vous obtenez le code à intégrer dans votre code source. Le premier est un lien vers la Google Font à mettre entre les balises "head" du code HTML, et le second est le code CSS à intégrer dans votre fichier CSS. Avant de copier le code, vous avez la possibilité de modifier le style de la police via les petites cases à cocher en dessous. Par exemple, vous pouvez mettre le police en gras, en italique, ou encore jouer sur le poids de la police. Le bouton Share vous permet d'obtenir l'URL pour pouvoir le partager et montrer le résultat à vos amis.
Une extension est aussi disponible pour Google Chrome, mais pas encore pour Firefox et Safari. Rassurez-vous, ça devrait arriver prochainement. Pour télécharger les extensions, c'est sur cette page.
Aucun commentaire:
Enregistrer un commentaire