使用 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 的方式。 除了在需要新圖標時必須更新您的子集。