使用 node.js + express.js 网站减少字体大小

Question

我正在一个基于 node.js + express.js 的网站上工作，使用 font-awesome 作为图标技术。

Font-awesome 是本地托管的，JS 文件 [font-awesome.js] 是 1.2 mb，尽管我们只使用了 10-15 个图标。 想缩小那个尺寸。

我理解的选项，

如果我打开 JS 文件，有一个名为 icons 的数组，列出所有图标的 SVG 内容。 所以，我可以删除所有需要的。 然而，这个选项的一个明显问题是，如果我以后想使用另一个图标，我需要再次编辑它。

选项我不明白，

存在一个 [svc-javascript-core] 包（ https://fontawesome.com/how-to-use/on-the-web/advanced/svg-javascript-core ），它允许创建所需的子集。 它还提到，如果您没有使用任何工具进行摇树（我不是），您可以使用深度导入（ https://fontawesome.com/how-to-use/javascript-api/other/tree - 摇晃）。

然而，我不明白，

• 它会导致创建一个仅包含子集的新 JS 文件（或者我可以自己编码吗？）
• 这会改变我在页面中使用 font-awesome 的方式吗？

任何帮助，将不胜感激。

Answer 1

您可以使用Subsetter App for Font Awesome ，它让您只选择您在网站中使用的图标。

回答您的另一个问题：不，这不会改变您使用 Font Awesome 的方式。 除了在需要新图标时必须更新您的子集。