Font awesome 5.13.0 pro 在 gulp angular 项目中仅包含 all.css 时不显示图标

Font awesome 5.13.0 pro not showing icon when including only all.css in gulp angular project

Font awesome 5.13.0 在 gulp 项目中仅包含 all.css 时不显示图标,但是当我也包含 all.js 时它显示图标但 i 标签被转换为svg。需要帮助 please.How 我可以在不将其转换为 svg 的情况下使其工作吗?

文件夹结构:

这就是我添加 fontawesome 的方式

我也检查了 dest 文件夹中的文件,并且 fontawesome css 存在于该文件中。

但缺点并没有被展示。

更新文件夹结构

应该如何显示

显示方式

这是一个仅包含 CSS 的工作示例。如果它不适合您,请提供更多详细信息。

<link href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" rel="stylesheet"/>
<i class="fas fa-plus"></i>

发现问题。实际上我只是将 webfonts 文件夹添加到资产文件夹,但我错过了添加 gulp 任务来迁移 webfonts 文件夹的文件。所以 all.css 文件无法找到 webfonts 文件,因此图标没有显示。

这里给我带走(还有不知道这个依赖的)-

  • 除了 all.css 之外,还需要 webfonts 文件夹中的文件才能使 font awesome 正常工作