Gratuit : Intégrer des icônes avec Font Awesome
ERROR
00:00
00:00

TUTO Gratuit : Intégrer des icônes avec Font Awesome

Sébastien Imbert

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Télécharger et intégrer Font Awesome à son projet
Leçon 2
Intégrer ses premières icônes
Leçon 3
Créer des boutons de réseaux sociaux
Leçon 4
Accessibilité
Leçon 5
Utiliser Font Awesome dans Photoshop et Illustrator

Plan détaillé du cours

Leçon 1Télécharger et intégrer Font Awesome à son projet
03m53s
Leçon 2Intégrer ses premières icônes
06m21s
Leçon 3Créer des boutons de réseaux sociaux
06m56s
Leçon 4Accessibilité
02m20s
Leçon 5Utiliser Font Awesome dans Photoshop et Illustrator
01m37s

Aperçus

Avis des apprenants

Détail des avis
1 156
Apprenants
10
Commentaires
4,8/5
Note moyenne
5/5
8
4/5
2
3/5
0
2/5
0
1/5
0
Abou Sali
Abou Sali
Publié le 03/04/2023
tuto super il m'a permit d'apprendre pas mal de chose
Murielle Céranic
Murielle Céranic
Publié le 25/09/2021
Très bien expliqué ; merci !
Membre-5100-4424
Membre-5100-4424
Publié le 17/06/2020
Bon tuto très bien structuré avec des plus.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données