Utiliser les icônes Font Awesome dans un thème XOOPS

Auteur
Alain
Publication
12-07-2021
12-07-2021
Mise à jour
19-09-2021
Note
5.0 (2 votes)
Niveau
Normal
Utiliser les icônes Font Awesome dans un thème XOOPS

Utiliser les icônes Font Awesome dans un thème XOOPS Vous souhaitez utiliser les magnifiques icônes Font Awesome disponibles gratuitement (en partie) dans votre thème XOOPS ?

Alors ce tutoriel est rédigé pour vous ! Notez qu'il se basera sur un thème XOOPS mais vous pouvez le suivre en utilisant n'importe quel thème hors utilisation de XOOPS.


Récupération de la librairie Font Awsome (Web)


1. Téléchargement
Il s'agit de récupérer la version "On-the-web" de cette librairie, c'est à dire la version qui permet d'être utilisée depuis un serveur web.
Allez sur la page de téléchargement du site fontawesome.com .

Sur le site, cliquez sur le bouton
Download Font Awesome Free
for the Web
.



2. Décompression du fichier
Décompactez le fichier compressé au format 7z avec l'outil gratuit 7zip


3. Arborescence du paquet
On trouve donc la structure suivante :

fontawesome-free-x.y.z-web

attribution.js

LICENSE.txt

css

js

less

metadata

scss

sprites

svgs

webfonts


Nous n'aurons besoin que d'une partie des dossiers présents avec une partie de leur contenu seulement.
Plutôt que d'utiliser un fichier global assez volumineux pour lequel une partie ne servira jamais, nous n'allons utiliser que les 2 types d'icônes libres, à savoir "Solid" et "Brands".
Votre site web chargera ainsi des plus petits fichiers et uniquement les éléments nécessaires.

Solid
Icones avec forme pleine
Brands
Icônes de marques