fontawsome angular only class fa work not fas or

Question

我在

中集成了fontsawsome

我的角色项目如

styles.scss

$fa-font-path: "~font-awesome/fonts";
@import '~font-awesome/scss/font-awesome';

它不起作用

<i class="fas fa-user"></i>
<i class="far fa-user"></i>
<i class="fab fa-user"></i>

有效

<i class="fa fa-user"></i>

那怎么回事？

更新

我发现了问题

带

npm install fontawsome

你得到5版本的4.7版本

你应该跑

npm i --save @fortawesome/fontawesome
npm i --save @fortawesome/fontawesome-free-solid
npm i --save @fortawesome/fontawesome-free-regular
npm i --save @fortawesome/fontawesome-free-brands

看看

https://fontawesome.com/how-to-use/use-with-node-js

Answer 1

你应该检查字体真棒版本。

<i class="fa fa-user"></i>用于旧的4.7.0版本，而

<i class="fas fa-user"></i>
<i class="far fa-user"></i>
<i class="fab fa-user"></i> 

用于较新的5.0及更高版本。