字体真棒图标没有出现在Angular 5中

时间:2018-03-30 12:13:31

标签: angular font-awesome angular5

我按照说明安装了它。首先我输入了

npm install --save font-awesome angular-font-awesome

它正确安装了一切。然后我在.angular-cli.json中更改为包含css,如下所示:

 "styles": [
    "styles.css",
    "../node_modules/font-awesome/css/font-awesome.min.css"
  ],

当我在html中输入此内容时:<span class="fas fa-chevron-left"></span>

它根本没有显示任何内容。

我也没有错误,但在源代码中我找不到与字体相关的任何内容。

2 个答案:

答案 0 :(得分:4)

<i class="fa fa-chevron-left"></i>

使用此功能可以帮助您

答案 1 :(得分:0)

这可能不是正确的解决方法,但是我不得不在index.html中使用它才能使图标正常工作。

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

根据npm中的documentation,仅当您不使用angular-cli时才需要上面的链接