Jadis accessibles aisément, les icônes avaient du mal à être utilisées de manière efficace dans WordPress. Grâce aux sprites, quelques difficultés pouvaient être résolues sans pour autant avoir un impact majeur. L’avènement des écrans rétina n’a rien arrangé. Afin de faire face à cela, il y a l’utilisation de la police d’icônes. Un avantage puisque les icônes peuvent rester en grand nombre dans un seul et même fichier. Cela a pour impact de baisser sérieusement le nombre de vos requêtes et d’employer quasiment toutes les icônes dont vous rêvez tout en améliorant le contenu visuel de votre site.
Dans cet article, vous aurez une idée réelle de tout ce qu’il faut savoir sur les icônes libres de droit pour votre site WordPress, sur quelle plateforme les trouver et comment les exploiter au mieux pour vos objectifs.
Où trouver les polices d’icônes libres de droits pour votre site WordPress ?
Les endroits où vous pouvez faire des recherches de polices d’icônes pour un site WordPress sont nombreux. Pour y parvenir, il vous suffit de taper « icon font » dans Google afin d’avoir des propositions de grande performance.
Parmi les résultats les plus appréciés, il y a le Font Awesome. Vous pouvez y trouver au-delà de 1400 icônes gratuites. Si vous n’êtes pas vraiment satisfait de ce chiffre, cette banque d’icônes vous permet d’avoir plus 4500 icônes et images si vous décidez de payer pour une version professionnelle. Avec les icônes disponibles tant dans la version gratuite que celle payante, vous pourrez quasiment tout faire.
Vous avez aussi la possibilité d’adopter un autre service populaire. Il s’agit de IcoMoon qui vous donne libre accès à plus de 5 500 pictogrammes vectoriels de diverses couleurs gratuitement. Lorsque vous avez besoin de plus d’icônes, il existe aussi une version payante. Cette dernière vous donne accès, dans un second temps, à plus de 4 000 icônes.
Autre application qui pourrait s’avérer très utile, Fontello. Cette dernière vous offre la possibilité de voir et de créer des polices d’icônes en fonction de vos besoins. De quoi vous permettre donc selon vos objectifs, d’entreprendre la conception de polices d’icônes ou d’en disposer de très appréciables.
Les amateurs de jeu d’icônes vraiment léger peuvent s’essayer avec Bytesize. Les possibilités dont vous disposez en le choisissant ne sont pas des moindres. En ce qui concerne les personnes qui désirent employer de façon manuelle les icônes SVG, la meilleure solution reste la bibliothèque iconmonstr. Gratuites, les icônes de cette bibliothèque sont facilement accessibles.
Comment utiliser aisément et de façon performante les icônes de police WordPress ?
En ayant recours à une extension pour les polices d’icônes ou encore un lien vers une bibliothèque de polices d’icônes externes, vous avez ainsi accès à toutes les ressources de toute sa bibliothèque. Il sera alors plus bénéfique et bien mieux géré d’employer seulement une vingtaine d’icônes sur l’ensemble de votre site WordPress.
Aussi est-il conseillé de charger les scripts à partir d’un CDN. Cela vous permet de gagner en rapidité. Pour y parvenir, il faudra alors s’assurer que votre CDN principal est le bon. Afin de gagner en performances, il est important d’héberger localement les différentes polices d’icônes dont vous avez besoin.
Il est tout aussi important de n’employer que celles qui sont utiles pour vous. Pour le faire, assurez-vous de charger les polices d’icônes depuis le serveur de votre hébergeur WordPress. Aussi pouvez-vous les charger depuis votre propre CDN.
En prenant seulement les polices d’icônes dont vous voulez vous servir, il est possible de baisser la taille du fichier de 100 Ko à quelques ko. Comme vous pouvez le constater, il s’agit donc d’une solution très intéressante. Mieux, vous avez la possibilité d’agencer des icônes de multiples jeux de polices afin de les faire correspondre. Les possibilités sont donc infinies et vous pouvez agir dans le but de trouver les meilleures icônes libres de droits pour votre site WordPress.
Découvrez également: Comment ajouter une favicon WordPress sur votre site?
Comment sélectionner l’icône de police dont vous avez besoin ?
Avoir recours à une icône de police nécessite de passer par quelques étapes importantes. Il s’agit d’abord d’héberger le fichier de police sur votre serveur. Ensuite, il vous faut utiliser une feuille de style CSS pour charger la police. Enfin, vous devez créer des balises afin d’ajouter ces graphiques en deux dimensions à l’endroit où il faut.
Même si votre site web ne charge qu’un seul fichier, vous disposez de plusieurs formats de fichiers pour chaque police. En effet, certains navigateurs ont recours à différents formats. À titre d’exemple, lorsque vous utilisez Font Awesome, six différents formats de fichiers sont accessibles.
Il s’agit d’EOT, de SVG, de TTF, de WOFF, WOFF 2 et enfin d’OTF. Toutefois, en fonction de la prise en main du navigateur, vous n’aurez effectivement besoin que de deux formats. Il s’agit de WOFF et de WOFF 2. WOFF par exemple, est supporté par plus de 93% de la totalité des navigateurs modernes.
En ce qui concerne WOFF 2, il est supporté par plus de 83% de l’ensemble des navigateurs modernes même s’il est davantage compressé. Il serait alors intéressant de choisir soit l’un, soit l’autre. Aussi pouvez-vous dans un souci d’efficacité, choisir les deux. Selon votre code, le navigateur se chargera alors de sélectionner celui qu’il faut livrer au client.
Les missions dévolues à l’utilisateur du site WordPress pour choisir l’icône de police
Dans un premier temps, votre rôle sera d’avoir recours à un outil dans le but de sélectionner uniquement les icônes dont vous avez besoin. Après ça, vous pourrez ajouter ces fichiers dans le répertoire de votre projet, la plupart du temps dans un répertoire de polices.
Ensuite, dans votre projet, vous avez alors la latitude d’ajouter le fichier CSS Font Awesome. Vous pourrez après cela l’ajouter à votre site. Aussi le fichier CSS peut-il être mis en file d’attente. Lorsqu’il est petit, il vous est possible de l’utiliser en ligne, le plus simplement du monde.
Quid de l’accessibilité des polices d’icônes ?
L’une des principales difficultés avec les polices d’icônes reste leur difficile accessibilité. Certains lecteurs d’écrans peuvent décider de les zapper. Encore plus grave, d’autres peuvent choisir de lire l’unicode ou le caractère lui-même.
Aussi est-il souhaitable que vous teniez compte des réactions lorsque les polices ne se chargent pas. Dans le meilleur des cas, les icônes décoratives pourraient seulement disparaître quand elles ne sont pas chargées. Ainsi, les icônes critiques se verraient alors changées par du texte en cas de soucis.
Afin d’avoir une implémentation plus globale, il est aussi possible de solliciter Modernizr afin de tester le support des polices de caractères. Pour y parvenir, il sera nécessaire de modifier quelque peu le CSS. Voilà donc l’essentiel des informations importantes concernant l’accessibilité des polices d’icônes.
Où trouver des icônes libres de droits pour son site WordPress : en résumé
Vous savez désormais l’essentiel des étapes à franchir pour gagner en temps et en performances s’agissant de l’utilisation des icônes gratuites, avec une licence libre pour votre site WordPress. Aussi avez-vous les éléments pour aisément trouver des polices d’icônes sur votre site WordPress. Comme conseil, il serait toutefois profitable d’employer un générateur de polices afin de créer un pack de police d’icônes qui regroupe seulement les icônes que vous voulez utiliser. Cela aura pour impact de rendre très épuré votre thème.
