Récupération de la librairie-Utiliser les icônes Font Awesome dans un thème XOOPS-Tutoriels

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

Thèmes 7993

Auteur

Alain

Publication

12-07-2021

Mise à jour

03-11-2021

Note
5.0 (2 votes)

Niveau

Normal

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.

Vous n'avez pas accès à l'ensemble de ce tutoriel.
Pour accéder à la totalité des pages (), vous devez être membre du site.
L'inscription est donc obligatoire mais gratuite !

Introduction Récupération de la librairie Installation de la librairie Utilisation dans une page

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

Les styles (collections) gratuits et libres

Les styles disponibles gratuitement pour une utilisation même commerciale sont les styles "Solid" et "Brand"

2. Décompression du fichier

Décompactez le fichier compressé au format 7z avec l'outil gratuit

3. Arborescence du paquet

On trouve donc la structure suivante :

fontawesome-free-x.y.z-web

attribution.js

LICENSE.txt

css

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.