Cet article a pour but de faire un peu de lien avec mon précédent article sur les icônes font awesome dans jeedom en apportant une précision pour les avoir en local.

Petit rappel sur les icônes font awesome

Si vous avez déjà regardé mes créations / adaptations de menu, vous avez surement vu font awesome quelques part. La raison principale est que c’est une super bibliothèque d’icônes proposant 1600+ icônes gratuit plutôt design et adaptable à souhait.

Je vous recommande fortement d’y jeter un oeil si vous ne connaissiez pas avant.

Quels sont les risques ?

En effet, vous avez été nombreux à me questionner vis à vis de cette dépendance vers un service en ligne et des risques associés. En effet, il y en a un certains nombres :

• si le service ferme, …
• si le « lexique » utilisé change, il faudra mettre à jour vos morceaux de codes
• si le service a de la latence, il y a aura une conséquence sur votre design Jeedom

Je pense que c’est un compromis à faire en sachant que font awesome est plutôt sérieux. Pour autant, vous avez raison de vous questionner.

Comment les avoir localement ?

Je vous 3 options assez facile à mettre en place pour remédier à ces risques :

• utiliser des icônes libres trouvés sur internet en remplacement. Il vous faudra les télécharger, les stocker et les appeler simplement dans vos designs. S’ils sont stockés dans /mytheme/images/ il vous restera plus qu’à les appeler avec quelque chose de ce genre. Puis un peu de css sur la classe icone_class pour le mettre à la bonne taille.

<i class="icone_class">
    <img src="/mytheme/images/icone1.png" />
</i>

• sauvegarder 1 par 1 les icônes font awesome qui vous intéresse puis les stocker localement. Il vous faudra les appeler comme le point précédent.
• utiliser font awesome localement en suivant l’article : https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself. Ca me parait être le plus simple car vous n’aurez aucune modification à faire au niveau des icônes (peut être seulement quelques adaptations). Seul l’appel au fichier css changera vers (dans le cas où vous les avez stocker dans /mytheme/fontawesome grâce à jeexplorer :

<link rel="stylesheet" href="/mytheme/fontawesome/css/all.css">

Vous pourrez par ailleurs utiliser aussi utiliser le format svg en suivant les recommandations de l’article.

Conclusion

Cette démarche a pour objectif d’adresser les principaux points faibles et risques d’utiliser les icones font awesome en ligne avec Jeedom. J’espère qu’elle vous sera utile et je reste toujours intéressé par vos feedbacks 🙂