font-awesome - 如何使用通过NPM安装的Awesome 5字体

Question

我找不到下一步的文档，而是通过npm安装到项目中的，
$ npm install --save @fortawesome/fontawesome-free-webfonts
但是现在呢？谁能指出我现在如何实际导入或使用它？
谢谢。

Answer 1

首先使用 NPM 安装它:

npm install @fortawesome/fontawesome-free --save-dev

现在，您有两种方法，一种方法是将绝对 URL 嵌入到 HEAD 部分中，或者，如果您使用的是 SASS(SCSS)之类的方法，则可以将其导入到自己的 custom.scss 文件中:

1-首先为 webfonts 设置绝对路径(必须在fontawesome.scss之前设置):

$fa-font-path: "node_modules/@fortawesome/fontawesome-free/WebFonts" !default;

2-然后导入 fontawesome.scss :

@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome";

3-最后导入常规，实心或浅色(专业版)的图标类型:

@import "node_modules/@fortawesome/fontawesome-free/scss/regular";

毕竟，您可以将 字体家族分配给以下类才能工作:

.fa,.fas,.far,.fal,.fab {
  font-family: "Font Awesome 5 Free";
}