angular - 并非所有免费字体都在 angular 2+ 项目中加载

Question

我在整个项目中使用了几个免费的 Font Awsome 图标。例如，大多数负载都很好

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

但是显示一个放大镜图标

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

不显示任何东西。两者都被列为“免费” on the Font Awsome site
在我的 angular.sjon 文件中，我有以下对 Font Awesome 的引用；

        "styles": [
          "src/styles.css",
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "node_modules/font-awesome/scss/font-awesome.scss"
        ],

在我的 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="
},

在我的 package.json 文件中；

"font-awesome": "^4.7.0",

为什么我看不到我期待的图标？
我对 Angular 和 Font Awesome 都比较陌生，如果我的方法通常是错误的，我会很高兴(即会 +1)获得指导。

Answer 1

fontawesome 站点现在显示版本 5 及更高版本，并且您已经安装了旧版本。

你需要安装这个包

npm  install @fortawesome/fontawesome-free

并像这样导入样式文件

样式文件

@import "@fortawesome/fontawesome-free/css/all.css";