Quelque part dans mon site, j'ai un dossier:
Si j'inclus le fichier font-awesome / 5.0.6 / css / fontawesome-all.min.css , Font Awesome fonctionne.
Si j'inclus le fichier font-awesome / 5.8.1 / css / fontawesome.min.css , Font Awesome affiche des carrés vides au lieu d'icônes.
Ce n'est probablement pas dû au cache car j'ai vidé le cache du navigateur et les fichiers de cache .css.
J'ai cependant l'impression de manquer une étape d'installation dont je ne me souviens tout simplement pas car c'était "il y a si longtemps".
3 Réponses :
Téléchargez-vous le fichier .zip au lieu d'un seul fichier all.min.css ?
Sinon, téléchargez le fichier .zip, décompressez-le et liez le fichier CSS principal à l'intérieur de l'en-tête.
D'un autre côté, vous pouvez utiliser le lien CDN qu'ils fournissent
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
Les deux fonctionnent parfaitement.
J'avais déjà téléchargé le fichier .zip complet. J'avais essayé de créer un lien vers fontawesome.min.css (que je m'attendais à être le fichier principal) et maintenant j'ai essayé de lier all.min.css, mais j'ai le même problème. J'ai essayé le CDN et j'ai le même problème. Et à long terme, je ne veux pas utiliser de CDN.
Au lieu d'utiliser le fichier fontawesome.min.css , utilisez all.min.css ou all.css
Il semble que les polices elles-mêmes ne soient pas téléchargées. J'ai le même problème.
Compte tenu de la dernière note de publication ( https://fontawesome.com/changelog/latest ) Y a-t-il de gros changements effectués de 5.0 à 5.8:
Attention! Cette version a des changements de rupture
Dans une version récente, nous avons résolu certains problèmes liés à l'utilisation de nos fichiers de polices OTF et TTF sur des projets mobiles. Le nom, l'épaisseur de la police et la version ont été modifiés pour être plus compatibles et stables à l'avenir.
Après avoir mis à jour vos copies de nos fichiers de bureau, vous devrez peut-être redéfinir la police de vos calques de texte. Après cela, nous vous recommandons également de vérifier que les icônes s'affichent comme prévu dans vos documents. Vous rencontrez des problèmes? Contactez-nous et nous vous aiderons.
Vous devez probablement suivre les liens pour résoudre vos problèmes:
Je vous conseille également de passer lentement à la version inférieure car en fait, vous passez à la version 7 et il sera difficile de connaître le vrai problème. Alors commencez à passer à 5.1 puis 5.2 et ainsi de suite jusqu'à ce que vous trouviez quelle version est le coupable.
https://github.com/FortAwesome/Font-Awesome/releases
Suivez ce lien pour plus de détails sur la mise à niveau entre les versions: https : //github.com/FortAwesome/Font-Awesome/blob/master/UPGRADING.md
J'ai vérifié toute la page de mise à jour ... Je vois des choses qui ne devraient pas avoir d'impact et des choses auxquelles je ne comprends tout simplement pas à quoi elles se réfèrent et qui ne semblent pas liées à la façon dont j'ai déjà utilisé Font Awesome ... comme , Je n'utilise pas TypeScript, je n'utilise pas Angular, j'utilise SVG, je n'ai jamais eu besoin d '"installer" les polices ... J'ai généralement juste inclus les fichiers FA dans mon projet, appelés CSS (dans lesquels Je n'avais besoin que de corriger certains chemins) et il fonctionnait.
@TTT avez-vous essayé de mettre à niveau lentement? tester avec 5.1 et 5.2 ... pour voir s'il s'agit d'un problème général ou lié à la version
Je viens de chercher un lien pour télécharger la version 5.1 (ou d'autres versions) il y a une minute ... je ne l'ai pas trouvé.
Merci. J'ai essayé la version 5.1.0 (non-pro). Même problème. (Pourtant, je ne comprends pas si le changlog est lié à mon utilisation.)
@TTT pouvez-vous utiliser jsfiddle.net pour y mettre tout votre code CSS / HTML? et considérez le cdn include, essayons de voir à quoi ressemble votre code
J'ai trouvé le problème. C'est lié à la façon dont mon site / application est construit. Je publierai la solution bientôt.
J'ai trouvé quel était le problème, c'est quelque chose qui est spécifique à mon site / application. Je minimise la plupart de mes fichiers .css en utilisant une bibliothèque php puis les fusionne en utilisant une bibliothèque maison (seule la deuxième bibliothèque est maison). Ensuite, parce que le fichier .css résultant n'est pas aux mêmes emplacements, les liens vers les polices Web sont cassés, c'était l'étape que j'oubliais: rendre tous les liens relatifs ../webfont semi-relatifs à la place. Tout fonctionne parfaitement maintenant.
Parfois, lors de la mise à jour de la police, je dois mettre à jour mon CSS pour qu'il corresponde à la dernière version. Lorsque nous avons changé la version que nous utilisions au bureau, j'ai changé
font-family: fontAwesomeenfont-family: Font Awesome Pro 5. Votre version peut être différente