在 Angular 中使用 FontAwesome Pro

【问题标题】：Using FontAwesome Pro in Angular在 Angular 中使用 FontAwesome Pro
【发布时间】：2021-02-27 03:38:33
【问题描述】：

我们正在尝试在我们的 Angular 10 应用程序中将免费的 font-awesome 5 图标换成 pro 图标。我们目前正在通过Explicit Reference 导入免费字体，就像这样（在 component.ts 中）

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

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

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

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

【问题讨论】：

【解决方案1】：

尽管字体真棒说明说什么，你不想要fortawesome/fontawesome-pro 包。我也为此痛过。

你只需要@fortawesome/pro-solid-svg-icons

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

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

如果您因fontawesome-common-types 不同而在 free 和 pro 之间使用两个不同的 IconDefinition 定义，这是相同的解决方案。

我认为他们的“安装 Pro 版 Font Awesome”并不是为使用 angular-fontawesome 的人准备的，这让我感到困惑。

【讨论】：