Bonjour à toutes et à tous !
Vous en avez assez de faire du copier/coller à chaque fois que vous avez besoin d'utiliser des icônes dans vos projets Photoshop, Premiere Pro ou autre ? Je vous propose de découvrir comment utiliser les polices de la célèbre bibliothèque d'icônes en ligne Font-Awesome directement sur votre ordinateur :D
J'utilise de mon côté Font Awesome très régulièrement sur mes projets web ou bien les projets de clients et il s'agit d'un outil très puissant et simple à utiliser.
Du coup, pour faciliter l'utilisation de ces icônes sur mon PC (en plus des pages web), j'ai décidé d'installer Font Awesome et de vous en faire un petit tuto écrit, si ça peut en aider certains parmi vous !
Etape 1 - Télécharger la police
Dans un premier dans, il faudra simplement se rendre sur cette page du site de Font Awesome et cliquer sur le bouton "Download Font Awesome Free for the Desktop". Ce téléchargement vous donnera une simple archive ZIP que vous pourrez décompresser à l'emplacement de votre choix.
Etape 2 - Installer la police
A présent, maintenant que vous avez le dossier de Font Awesome sous la main, je vous invite à vous rendre dans le dossier otfs où vous devriez trouver trois fichiers OTF :
- Font Awesome 5 Brands-Regular-400.otf
- Font Awesome 5 Free-Regular-400.otf
- Font Awesome 5 Free-Solid-900.otf
Vous pouvez simplement faire un clic droit sur chaque fichier et cliquer sur "Installer". L'installation de chaque fichier ne devrait pas prendre plus de quelques secondes.
Etape 3 - Utiliser la police
C'est bon ! Maintenant que la police est installée, vous n'avez plus qu'à en profiter :)
Dans un premier temps, sélectionnez une des polices Font Awesome sur Photoshop (ou autre logiciel). Je sélectionnerai Font Awesome 5 Free Solid pour l'exemple.
Vous pouvez à présent vous rendre sur la bibliothèque d'icônes de Font Awesome et chercher la ou les icône(s) qui vous convient le mieux. Une fois votre bonheur trouvé, deux options s'offrent à vous pour utiliser l'icône : vous pouvez soit retenir le nom de l'icône pour l'écrire par la suite dans Photoshop (en texte brut) soit copier l'icône en cliquant sur le petit bouton prévu à cet effet sur la page de l'icône (encadré en rouge sur l'image ci-dessous).
Maintenant que vous avez votre icône, vous n'avez plus qu'à l'utiliser dans Photoshop (ou dans n'importe quel autre logiciel) ! Il y a pour cela deux façons de faire :
- Entrer le nom de l'icône dans la zone de texte sur Photoshop : le texte sera automatiquement convertit en l'icône reconnue !
- Coller l'icône copiée depuis Font Awesome
A vous d'utiliser la technique qui vous convient le mieux !
Vous l'aurez vu, il n'y a rien de compliqué dans tout ça et l'installation se fait très rapidement. Vous savez désormais comment installer et utiliser Font Awesome sur votre PC... Faites-en bon usage ;)
Si vous avez des questions / remarques, n'hésitez pas à laisser un commentaire ci-dessous !
Votre commentaire