字体很棒的图标没有加载Angular4项目

Question

我正在使用font-awesome进行角度4项目,我按照本指南使用npm安装库: 如何为Angular 2 + CLI项目添加字体功能

我已经使用ng-serve命令配置项目来编译scss样式表,我的angular-cli.json的样式路径如下所示:

"styles": [
        "../node_modules/bootstrap/scss/bootstrap.scss",
        "../node_modules/bootstrap/scss/main.scss",
        "../node_modules/font-awesome/scss/font-awesome.scss"

      ],

我想制作一个带有地址卡图标的按钮,我也在使用Bootstrap 4,所以它看起来像这样:

<button class="btn btn-sm btn-primary"><span class="fas fa-address-card"></span></button>

但是当它加载时,它看起来像这样:

Answer 1

你应该使用类fa而不是fas.fa类设置font-face.(帽子提示到@ mike-hill)

查看http://fontawesome.io/icon/address-card/上的来源