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"
        ],

在我的包中-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

并像这样导入样式文件

style.scss

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

angular 2+ 项目中并非所有免费字体都很棒

Not all free font awesome fonts loading in angular 2+ project

font-awesome

angular