@fortawesome/angular-fontawesome 和 unicode

Question

我在我的 Angular 应用程序中升级 font-awesome 之前我们在 style.scss 文件中硬编码了 font-awesome 的 URL（来自 CDN ），现在我们必须有一个 angular 包，如下所示：

ng 添加 @fortawesome/angular-fontawesome@3.0.0 以及类似的 SVG 图标。

我们已将方法从<i class="fa fa-lock"><i>更改为<fa-icon icon="faLock"></fa-icon>

现在这里具有挑战性的是，在我现有的应用程序中，我们使用了unicode ，如下所示：

ui li:before {
content: '\f138';
font-family: FontAwesome;
}

我已将上面的内容更改为下面的内容

ui li:before {
    content: '\f01';
    font-family: Font Awesome 5 Free;
    }

但是图标没有出现，我们是否仍然需要在 angular.json 中定义 .css 文件以适用于 Unicode（node_modules 的 fort-awesome 的路径）？

请注意， my version of supports font-awesome 版本 5+`。

添加的包

    "@fortawesome/angular-fontawesome": "^0.3.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.0",
    "@fortawesome/free-solid-svg-icons": "^5.15.4",

Angular version :6;

Answer 1

好的，如果您检查使用新图标的代码，您应该会看到类似的内容：

这意味着您没有显示 FA 图标的 css 方式：

.fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

所以你不能再使用 unicode 技巧来显示图标了。 除非，在 angular svg FA 库之上，您安装“网络”方式： https ://fontawesome.com/v5/docs/web/setup/get-started。 然后，您将拥有一个可以使用的常规font-family 。

如果我表达正确，请告诉我有关 SVG 的部分是否对您有意义。 干杯。