Wie ziehe ich nur die Dutzend Icons aus, die ich tatsächlich verwende?

Question

Ich habe ein eckiges Projekt, das mit Grunt gebaut wird, die vielleicht ein Dutzend Icons von font-awesome verwendet. Derzeit bin ich dabei und verteile die gesamte Font-awesome-Bibliothek. Gibt es eine Möglichkeit, nur die Symbole herauszuziehen, die ich tatsächlich verwende (am besten als Teil des Build-Prozesses)?

Ich habe die icomoon App gesehen, und das scheint mir das Ergebnis zu geben, das ich möchte, aber es ist ein manueller Prozess, um zu aktualisieren, wenn sich die Symbolnutzung ändert.

Answer 1

Verwenden Sie zuerst Font-Awesome-SVG-PNG, um einzelne SVG-Dateien für jedes Font Awesome-Symbol zu erhalten.

font-awesome-svg-png --color black --sizes 128 --no-png 

Dann mit grunt-webfont, die Symbole Ihrer Wahl kombinieren (von den im vorherigen Schritt erzeugten SVGs) in einem benutzerdefinierten WebFont.

Zum Beispiel, wenn Sie nur Symbole einschließen möchten, die Winkel- Keyword in Ihrem WebFont haben, dann wäre die Grunzen Aufgabe wie sein -

webfont: { 
    icons: { 
     src: 'black/svg/angle-*.svg', 
     dest: 'build/fonts' 
    } 
}