web-dev-qa-db-fra.com

Icône génial de police ne montre pas

Je travaille avec Angular 4 dans un environnement de développement (localhost). J'ai installé une police géniale via npm et ajouté:

"./node_modules/font-awesome/css/font-awesome.css",

à mes scripts de styles.

Lorsque je vérifie mon icône dans le navigateur, tout se passe bien:

 screenshot

Mais mon icône n'apparaît pas sur la page, juste un carré vide. Qu'est-ce que je fais mal?

javascriptangularfont-awesome
4
Milos

son code de travail: 

npm install font-awesome --save

ajout du lien font-awesome dans .angular-cli.json:

"../node_modules/font-awesome/css/font-awesome.css"

en fichier html

<i class="fa fa-cog fa-spin"></i>
3
Chandru

veuillez ajouter le code suivant à votre package.json

 "dependencies": {
     "font-awesome": "^4.7.0", // here I am saying use version 4.7 and above
}

si vous n'utilisez pas l'interface CLI angulaire, dans votre cas, vérifiez police-couleur j'ai vu que la police est chargée mais n'apparaît pas

1
HD..

liez vos fichiers css et js font-awesome à votre index.html ou angular.cli

Index.html 

<!-- Custom Fonts -->


 <link href="your node font awesome location" rel="stylesheet" type="text/css">

angular-cli:

"styles": ['your node font awesome location']
0
Shanmugapriya D