并非所有免费字体都能在angular 2+;项目

并非所有免费字体都能在angular 2+;项目,angular,font-awesome,Angular,Font Awesome,我在整个项目中使用了几个免费字体和一些图标。例如,大多数负载都很好 <i class="fa fa-search"></i> 在我的package-lock.json文件中 "font-awesome": { "version": "4.7.0", "resolved": "https://registry.npmjs.org/font-awesome/

我在整个项目中使用了几个免费字体和一些图标。例如,大多数负载都很好

<i class="fa fa-search"></i>
在我的package-lock.json文件中

"font-awesome": {
  "version": "4.7.0",
  "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
  "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
},
"font-awesome": "^4.7.0",
在my package.json文件中

"font-awesome": {
  "version": "4.7.0",
  "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
  "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
},
"font-awesome": "^4.7.0",
为什么我看不到我期待的图标


我对Angular和Font Awesome都比较陌生,如果我的方法通常是错误的,我会非常乐意(即+1)提供指导。

fontawesome网站现在显示版本5及以上,并且您已经安装了旧版本

你需要安装这个软件包

npm  install @fortawesome/fontawesome-free
然后像这样导入样式文件

style.scss


谢谢,这很有效。对其他读者来说,“fortawesome”不是一个打字错误。有关更多信息,请访问
@import "@fortawesome/fontawesome-free/css/all.css";