angular - fontawsome angular only class fa 工作不 fas 或

Question

我已经将 fontsawsome 集成到

我的角度项目喜欢

样式.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

标签： angularfont-awesome

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 及更高版本。