Come faccio a "estrarre" solo le dozzine di icone che uso effettivamente?

Question

Ho un progetto angolare che viene creato utilizzando grunt che utilizza forse una dozzina di icone da font-awesome. Attualmente sto includendo e quindi distribuendo l'intera libreria font-awesome. C'è un modo per "estrarre" solo le icone che effettivamente utilizzo (preferibilmente come parte del processo di compilazione)?

Ho visto l'app icomoon e sembra che mi dia il risultato che voglio, ma è un processo manuale da aggiornare quando l'utilizzo dell'icona cambia.

Answer 1

Primo utilizzo Font-Awesome-SVG-PNG per ottenere singoli file SVG per ogni icona Font Awesome.

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

Quindi, utilizzando grunt-webfont, combinare le icone di tua scelta (dalle SVG generate nel passaggio precedente) in un webfont personalizzato.

Per esempio, se solo si desidera includere icone che hanno angle- parola chiave nel tuo webfont, allora il compito grugnito sarebbe come -

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