Fontastic – créer une icon font personnalisée en trois clics

Les icon fonts envahissent l'univers du Web design depuis quelques temps. Elles sont un allié précieux pour l'amélioration des performances d'une app Web et possèdent un potentiel créatif similaire aux images. Alors pourquoi s'en priver...

icon-font-gratuite-fontastic

Pour ceux et celles qui ne connaissent pas encore l’existence des icon fonts, je vous conseille la lecture de cet article résumant les caractéristiques d’une icon font avec en bonus les fontes tendances pour 2013.

J’ai découvert récemment un service d’icon fonts tout frais et fort utile qu’il fallait absolument que je partage avec vous.

Il s’agit de Fontastic, une plateforme en ligne où il est possible de choisir ses icônes et de les transposer en icon font en quelques secondes.

Faites votre choix parmi 1700 icônes ou importer vos propres vectos.

icone-vecto-gratuit-fontastic

Personnalisez ensuite votre icon font : choisissez quel caractère ou quelle classe CSS assigner à chaque icône.

icon-font-personnalisee-fontastic

Puis téléchargez votre icon font dans divers formats : .ttf, .eot, .svg, .woff.

Pourquoi vous devriez utiliser une icon font

  • Ne perdez aucune seconde de votre précieuse existence. Nul besoin d’ouvrir Photoshop à chaque fois que vous mettez à jour une couleur dans votre planche d’icônes… Maintenant vos icônes peuvent être modifiées à la volée via CSS.
  • Incluez uniquement les icônes dont vous avez besoin et réduisez le nombre de requêtes vers le serveur, en combinant toutes les icônes dans un fichier de police unique.
  • Une personnalisation rapide via CSS de la couleur mais également de la taille. Vous pouvez également ajouter des animations ou de jolies ombres portées.
  • Les icon fonts sont composées de vectos parfaitement compatibles avec les écrans hautes définitions type Retina ou +.
  • Cela fonctionne avec la majorité des navigateurs Web, même Internet Explorer.

Découvrez Fontastic

Par Guillaume Palayer Un chasseur-cueilleur et un curieux avant tout des dernières avancées du monde des Internets. Fondateur du Magazine du Webdesign, un blog-cerveau à propulsion humaine, ayant pour mission de faire le tri dans le bruit du Web afin de proposer les meilleurs contenus à la communauté du Magazine du Webdesign.

Inscrivez-vous à la newsletter du Magazine du Webdesign

Inscrivez-vous à notre newsletter afin de recevoir chaque mois une sélection des meilleurs articles et ressources.

Designmodo Shop

Commentaires (4)

  1. Ping : Fontastic – créer une icon font pe...

  2. Ping : Fontastic – créer une icon font pe...

  3. Ping : Fontastic – créer une icon font pe...

Laisser un commentaire

Yep, vous souhaitez poster un commentaire... complétez les trois champs ci-dessous. Pas de spams, protégeons les Internets.

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Haut de page