Cet article a été mis à jour, vous consultez ici une archive de cet article!
Dernière mise à jour : 11/03/2016 à 10h33
Table des matières
Introduction
Depuis la version 4.0 de PHPBoost, nous avons choisis de remplacer les icônes .jpg / .png / .gif par la police d'icones Font Awesome.
Font Awesome fournit des icônes évolutifs vectoriels qui peuvent très facilement être personnalisés. Toutes les propriétés classiques CSS peuvent être utilisé sur Font-Awesome (la taille, la couleur, l'ombre portée, etc...)
Les avantages sont notamment les suivants :
- Avec un seul fichier, 605 icônes sont disponibles. (gain en taille, nombre de fichier)
- Avec un seul fichier, toutes les icônes sont étirables à l'infinies. (gain en taille, nombre de fichier)
- Très léger et pas de soucis de compatibilité car Font Awesome ne demande aucune surcouche supplémentaire (pas de Javascript).
- L'aspect graphique est géré par des propriété CSS. (modifications très simple)
Malgré les nombreux avantages, ils est possible que certaines personnes souhaitent conservés des images particulière dans certains cas. Nous allons voir dans les paragraphes qui suivent que la modification reste très simple, et vous permet avec une grande simplicité d'adapter les icônes à votre guise.
L'utilisation des icônes Font-Awesome
Afin d'afficher une icones Font-Awesome, nous utilisons la balise
<i> et les classes CSS .fa.