En HTML
On utilise le nom de l'icône en tant que classe :
<i class="far fa-edit"></i> Edition
donnera l'icône "edit" suivie du texte : Edition
<a class="fa fa-globe" href="https://www.phpboost.com">PHPBoost</a>
donnera le lien précédé de l'icône "globe" : PHPBoost
Il en est de même pour tout type de balise HTML.
En CSS
Il faut définir votre classe, puis le code de votre icône en tant que contenu du ::before ou du ::after de la classe :
Ceci est un message de succès
En Bbcode
Les icônes les plus utilisées dans PHPBoost sont déjà implémentées dans le menu bbcode. Vous pouvez les sélectionner en cliquant sur l'icône du menu:
Si l'icône que vous désirez utiliser n'apparait pas dans la liste, vous pouvez utiliser la balise [fa] comme suit:
[fa]nom de l'icône[/fa]
Par exemple,
[fa]cubes[/fa]
donnera l'icône:
Les variantes sont possibles en Bbcode et sont expliquées dans la documentation de PHPBoost.
Les variantes
Font-Awesome propose une panoplie de variantes telles que la taille de l'icône, l'animation, la rotation, l'empilement et bien d'autres.
Leur fonctionnement est expliqué ici (anglais) : Font-Awesome/examples
<i class="fa fa-spinner fa-spin-pulse fa-2x"></i>
donnera l'icône "spinner", animée en rotation et faisant 2 fois sa taille initiale :