css - 我应该使用 fontawesome-free 还是 angular-fontawesome

Question

我们正在启动一个 Angular 6 元素并希望使用 Font Awesome 5.1。 Font Awesome 提供了两个 Node 包:

• @fortawesome/angular-fontawesome - 在 JS 中使用 SVG
• @fortawesome/fontawesome-free - 在 CSS 中使用 Web 字体

使用 SVG 和 JS 是使用 Font Awesome 的新方法，而 Web 字体和 CSS 是更经典的方法。对我来说，将 SVG 与 JS 一起使用似乎有点麻烦，因为您必须导入每个图标，但它可以节省文件大小。

我们将在我们的应用程序中使用大约 30 个图标，并且想知道哪种方法更适合我们。

Answer 1

我只是想知道同样的事情，所以即使它是基于意见的(因此可能会被关闭)，我也会回答你:

我开始使用库作为 described in their guide .

我很快意识到您不能不使用您想要的所有图标，因为没有办法使用fas 或far 图标。

所以我切换到“旧”方式:我安装了库

npm i @fortawesome/fontawesome-free

并将其导入到我的 angular.json 文件中:

projects -> yourProject -> architect -> build -> styles : {
  "node_modules/@fortawesome/fontawesome-free/css/all.css"
}

我现在必须使用通常的方式

<i class="fab fa-accessible-icon"></i>

但我可以使用提供的所有图标，而不仅仅是一组。