Sur cette page: [cacher]
Font Awesome for WordPress est un jeu d'icônes populaire qui est couramment utilisé par les propriétaires de sites Web pour ajouter des éléments de conception supplémentaires. Il est fréquemment utilisé car il est extrêmement facile à utiliser et comprend plusieurs ensembles d'icônes pratiques. Cependant, dans certains cas, il peut y avoir des problèmes lors de son utilisation - cas où les icônes ne sont pas visibles. Notre article aidera les propriétaires de WordPress à résoudre les problèmes de police impressionnants.
Quelles sont les icônes impressionnantes de police pour WordPress
Font Awesome est une collection populaire d'icônes vectorielles, images de médias sociaux et autres éléments de conception pouvant être facilement inclus dans les systèmes de gestion de contenu populaires et les kits d'outils pour les développeurs de sites Web. Il comprend plusieurs ensembles qui incluent des éléments dans toutes les catégories couramment utilisées.
Au moment où le la version actuelle de Font Awesome est 5.12.1 qui se compose de 1,557 Icônes dans la version gratuite. Il y a un versions payantes qui ajoutent 7,722 icônes supplémentaires. Dans le cadre de la version payante appelée Font Awesome Pro les propriétaires du site Web peuvent également inclure un thème bichromie - les icônes hériteront de la couleur de base du projet ou seront colorées en entrant des valeurs personnalisées.
Chaque icône et symbole individuel est conçu selon des directives et des normes strictes. Les icônes Font Awesome peuvent être insérées directement ou personnalisées en spécifiant la taille, style et rotation, avec des animations. Les icônes insérées sont également compatibles avec les modes d'accessibilité des navigateurs Web afin qu'elles s'affichent correctement.
Police impressionnante ne montrant pas les contrôles de base
Il y a plusieurs raisons de base pour lesquelles une icône Font Awesome insérée ne s'affiche pas. Toujours assurez-vous que la dernière version de l'ensemble est utilisée - des instructions peuvent être trouvées sur le site officiel de FA pour les versions SVG et CSS. Les icônes et symboles impressionnants peuvent être liés, servi à partir d'un serveur personnalisé ou livré via un réseau de diffusion de contenu (CDN). Les propriétaires du site doivent définir le dernier code en fonction du type de mise en œuvre.
Lorsqu'ils sont insérés dans des pages HTML, les jeux d'icônes peuvent ne pas apparaître si le code n'est pas conforme à la norme officielle - les propriétaires de sites peuvent vérifier si c'est le cas en utilisant le Validateur de balisage W3C officiel. Un problème spécifique à WordPress est lorsque diverses extensions liées à la conception sont installées. Les versions plus anciennes peuvent appeler des versions Font Awesome incompatibles ou bloquer le bon chargement des jeux d'icônes. Ceci est également étendu à diverses bibliothèques JavaScript ou CSS personnalisées qui remplacent les propriétés individuelles des balises d'icônes insérées.
Il y a plusieurs problèmes côté client qui peut être suspecté lorsque les icônes Font Awesome ne se chargent pas - extensions adblocking, plugins, programmes antivirus et etc. Parfois, leur configuration inclura des polices impressionnantes et d'autres actifs de conception dans une liste noire qui empêchera leur affichage correct.
Gardez à l’esprit qu’il existe un plugin Font Awesome officiel disponible, ce qui facilite l'intégration des actifs dans un site donné.
Corrections de code impressionnantes pour les polices
Il existe plusieurs correctifs de code simples qui peuvent être implémentés si aucune des méthodes ci-dessus ne fonctionne.. Les propriétaires de sites doivent assurez-vous qu'il y a 2 cours disponibles dans leur code HTML - le premier est le fa classe et le second est celui qui identifie le type d'icône souhaitée. Un exemple est le suivant:
<i class = & quot; fa fa-search & quot;></je>
Lors de la publication de liens vers le code CSS, les administrateurs devront s'assurer que la bonne structure de liens est utilisée, un exemple de code est le suivant:
lien href = & quot; http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css
Un correctif global de police génial qui peut être tenté est l'inclusion du code Font Awesome dans la section de pied de page de WordPress:
<?php wp_footer(); ?>
<lien href = & quot; https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel = & quot; feuille de style & quot;>
</corps>