Alors, j'ai lu et essayé presque toutes les réponses de dépassement de la pile sur les 5 premières pages de Google, et je ne peux pas comprendre ce qui se passe réellement.
Donc, il s'agit d'une capture d'écran de ce que mon barre de navigation montre. Comme vous pouvez le voir, la place à droite est en fait censée être Cette icône ici . Lorsque le lien Blog est cliqué, il est censé passer à Cette icône ici . Voir Captures d'écran ci-dessous pour des exemples. pour un exemple de travail de ce que j'essaie de vous accomplir peut visiter Lien ici , qui est directement désactivé de startbootstrap.com, qui est un modèle de démonstration en direct. Sauf lorsque le site de démonstration dit "Pages" au lieu de "Blog" comme mon site Web. Vous pouvez trouver le plein github repo ici pour le modèle. Donc, j'ai copié leur code, j'ai ajouté de la police géniale via CDN, je l'ai ajouté à l'aide de la balise de script de leur nouveau kit, je l'ai même téléchargée et incluse le Voici mon code: Sidebar.blade .php CSS pertinent pour la barre latérale Ce site web est conçu à Laravel. Cependant, il s'agit en fait d'un développement de forfaits Laravel et non d'une application Web Laravel. Ce code est donc lié à mon site Web. Pas que cela devrait être de toute différence. Alors, qu'est-ce que je manque ici? Liens de référence J'ai essayé: icônes fontawesome ne montrant pas. Pourquoi? police génial non Travailler, des icônes montrant comme des carrés Police génial dans CSS pseudo elements ne montrant pas Font génial 5 sur pseudo éléments montre la place au lieu de l'icône 
/cs/all.min.css et / webfontes dossier sur mon site et cela ne fonctionne toujours pas. Editer 1
https://www.haselman.com/blog/whydomyfontawesomeiconshowupasblanksquares.aspx
Je pense que c'est pas une question en double, car les réponses de toutes les autres questions ont suggéré de faire certains des suivants que j'ai fait.
Donc, alors qu'il s'agit d'une "question en double", aucune des réponses de toute la même question ou de la même question ne fonctionne pour mon cas particulier.
Je ajoute également un lien à mon Package complet Rappo car il est assis maintenant et le Application Web LARAVERNE REPO également.
Le fichier admin.css est Maintenant, corrigez-vous dans le repo GitHub et le code pertinent commence à la ligne 10626.
4 Réponses :
Vous devez utiliser "Font génial 5 gratuit" comme Font-famille (si vous utilisez la version gratuite)
https://fontawesome.com / Comment-utilisation / sur-web / avancé / css-pseudo-éléments
Oui, j'ai essayé d'utiliser cela aussi bien que "Font génial 5 gratuit".
Avez-vous essayé de donner à l'élément spécifique un poids de police: audacieux; ?
Dans le cas d'un FAS, un gras de police a parfois fixé parfois.
Oui, mais audacieux est le même Als 700 non 900. Peut-être cela fait une différence.
(posté au nom de l'auteur de la question, pour la déplacer de la question à la section de réponse).
problème a été résolu. Toute cette question était due à l'utilisation d'une version obsolète de Font-Awesome. Donc, pour toute personne qui fonctionne dans ce numéro, assurez-vous que vous utilisez la version la plus récente de Font-Awesome!
Catégories et tables sont corrigés en utilisant Fa Fa-List-Alt-Alt et FA FA-FW FA-Table . .
Il est difficile de déboguer votre code, mais avez-vous essayé d'utiliser
Font-famille: "Font génial 5 gratuit" ?Avez-vous vraiment essayé tout le lien que vous partagez? L'un d'entre eux contient la solution: Stackoverflow.com/q/50681748/8620333
@Chrishnappy oui j'ai essayé.
@Tmaniafif Oui j'ai essayé cette solution.
Votre code actuel montre une famille de polices non valide
J'ai posté les repos github dans une édition. Libre à vous de regarder. Je le change aussi à "Font génial 5 gratuit" en ce moment, et cela me donne toujours le même problème.
@TNEMANIAFIF Veuillez vous débarrasser de la duplicata, comme je l'ai modifié la question pour inclure pourquoi ce n'est pas un duplicata. Aucune des réponses de l'une des autres questions n'a travaillé pour moi.
Aucune des réponses de l'une des autres questions n'a travaillé pour moi -> vous devez nous montrer cela. Si je prends la partie de votre code liée à l'icône et je corrige la famille de polices, cela fonctionne bien: jsfiddle.net/2ltzfjpu Donc, c'est toujours un duplicata.
@Tmaniafif Après avoir regardé votre Jsfiddle, je t'ai vu avoir raison. Ça fonctionne. Pour une raison quelconque, le fichier
all.min.css inclus dans la page de téléchargement de Font-Awesome n'est apparemment pas la version correcte. Apparemment, cette version est la version 5.0.7. J'ai depuis mis à jour le fichier ALL.MIN.CSS au contenu à l'intérieur du fichier CDN que vous avez lié à votre JSFIDDle et fonctionne. Donc, je suppose que cette question est la tradition à la mauvaise version téléchargée et utilisée? Il est encore un peu étrange que le lien de téléchargement "Font de l'hôte génial" donne une version plus ancienne du fichier CSS.