字体真棒图标不显示

Question

我正在开发环境（本地主机）中使用Angular 4。我通过npm安装了很棒的字体并添加了：

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

到我的样式脚本。

当我在浏览器中检查图标时，一切看起来都很好：

但是我的图标没有出现在页面上，只是一个空的正方形。我究竟做错了什么？

Answer 1

如果您使用的是免费版本。尝试这个..

首先删除 fortawesome 注册表和 authToken

npm config delete "@fortawesome:registry"
npm config delete "//npm.fontawesome.com/:_authToken"

然后安装包

npm install --save-dev @fortawesome/fontawesome-free

安装软件包后，在 angular.json 文件中添加以下代码

   ......      
    "styles": [
    ......
    "node_modules/@fortawesome/fontawesome-free/css/all.css"
    ],
    "scripts": [
    ....
    "node_modules/@fortawesome/fontawesome-free/js/all.js"
    ],
    .....
    

注意：这些块有两次（样式/脚本）。添加到两者

Answer 2

其工作代码：

npm install font-awesome-保存

在.angular-cli.json中添加font-awesome链接：

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

在html文件中

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