在 Angular 中使用 FontAwesome Pro

Question

我们正在尝试在 Angular 10 应用程序中将免费的 font-awesome 5 图标替换为专业图标。我们目前正在通过显式引用导入免费字体，如下所示（在 component.ts 中）

import { faLock } from "@fortawesome/free-solid-svg-icons";

然而，当使用 pro 图标时，似乎没有提供 TypeScript 文件， npm 包.d.ts中似乎不包含 ES 模块文件@fortawesome/fontawesome-pro。

我知道我们可以使用 css 解决方案，但我们希望保持明确性和摇树的可能性，因为我们只使用了几个图标。

我的问题是；TS里可以导入pro图标吗？免费图标允许这样做，但专业图标不允许，这似乎很奇怪。

Answer 1

不管字体很棒的说明如何说，你不想要fortawesome/fontawesome-pro包。我也为此苦恼过。

您只需@fortawesome/pro-solid-svg-icons

然后您可以像使用免费版本一样导入它们：

import { faComet } from '@fortawesome/pro-solid-svg-icons';

如果您由于IconDefinition不同的fontawesome-common-types.

我认为他们的“安装 Font Awesome 专业版”并不是为使用 的人设计的angular-fontawesome，这就是我感到困惑的地方。