Dans ce tuto vidéo gratuit, je vous propose de découvrir la librairie de font icônes Font Awesome, qui, avec ses 600 icônes, est probablement la plus populaire et la plus utilisée des librairies d'icônes.
Utiliser des font icônes plutôt que des images au format .jpg ou .png, c'est la garantie d'avoir :
- un meilleur rendu visuel.
- plus de flexibilité.
- une plus grande performance.
Dans ce tuto gratuit Font Awesome, nous verrons :
- comment télécharger et intégrer Font Awesome à son projet.
- comment fonctionne Font Awesome et son système de classes CSS.
- comment créer des boutons de réseaux sociaux, avec un changement de style au hover.
- comment rendre vos icônes accessible à tous.
- comment installer la police Font Awesome pour s'en servir sur des logiciels comme Photoshop ou Illustrator.
À la fin de ce tutoriel, vous saurez intégrer des font icônes avec Font Awesome, mais aussi avec d'autres librairies.
Table des matières de cette formation CSS (durée : 21m07s)
-
- Télécharger et intégrer Font Awesome à son projet 00:03:53
- Intégrer ses premières icônes 00:06:21
- Créer des boutons de réseaux sociaux 00:06:56
- Accessibilité 00:02:20
- Utiliser Font Awesome dans Photoshop et Illustrator 00:01:37
- Fichiers sourcestélécharger
- Certificat
Formateur : Sébastien Imbert
-
Très bien expliqué ; merci !
-
Bon tuto très bien structuré avec des plus.
-
Parfait tout bien expliqué merci
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés