Twitter bootstrap 3 - crea un glyphicon personalizzato e aggiungi a glyphicon "font"

Question

Buone persone. Sono in esecuzione su twitter bootstrap3 e sono estremamente soddisfatto del nuovo modo in cui gestisce l'icona come caratteri. Tuttavia: ho bisogno di alcune icone personalizzate; Ho bisogno di crearli da me, e idealmente integrarlo nel font esistente. Ho cercato senza fortuna. Conosco bene l'illustratore, la grafica vettoriale, ecc. Ma come integrare?

Nella peggiore delle ipotesi, realizzerò le immagini in modo tradizionale, ma spero che esista una soluzione migliore.

Qualche idea?

Answer 1

Questa procedura potrebbe essere un'opzione.

È possibile utilizzare lo IcoMoon App. Il loro library include FontAwesome che ti farà partire subito, oppure scarica glyphicon e carica fontawesome-webfont.svg

Per le tue icone personalizzate, crea SVG, caricala su IcoMoon e aggiungili a FontAwesome/Set Glyphicon.

Al termine, esportare il set di caratteri e caricarlo come si farebbe con qualsiasi carattere di icona.

Buona fortuna!

UPDATE

Se le icone importati file in formato SVG sembrano disallineati dopo l'importazione nella iconmoom.app, in primo luogo verificare il modo in cui effettivamente guardare quando viene utilizzato in una pagina web. Mi sembra che l'anteprima potrebbe non essere sempre perfetta. In alternativa, è presente un'icona di modifica nella barra degli strumenti iconmoon.app che consente di spostarsi e ridimensionare.

Answer 2

Se qualcuno sta cercando uno strumento alternativo a quello menzionato qui, ho trovato https://glyphter.com/ molto utile. È abbastanza semplice e ti permette di caricare un file .svg, pulirlo, aggiungerne altri da altri pacchetti di font e scaricare il nuovo set di caratteri per il tuo uso.