Twitter bootstrap 3 – crea un glyphicon personalizado y agrega a glyphicon “fuente”

Estoy ejecutando twitter bootstrap3, y estoy muy contento con la nueva forma en que maneja el icono como fonts. Sin embargo: necesito algunos icons personalizados; Necesito hacerlos yo mismo, e idealmente integrarlo en la fuente existente. He buscado sin suerte. Estoy familiarizado con el ilustrador, los gráficos vectoriales, etc., pero ¿cómo integrarlo?

En el peor de los casos, haré las imágenes de la manera tradicional, pero espero que haya una mejor solución.


¿Cómo integro un glyphicon personalizado con la fuente de glyphicon existente (bootstrap 3)?

Este proceso podría ser una opción.

Puede usar la aplicación IcoMoon . Su biblioteca incluye FontAwesome que te ayuda a comenzar rápidamente, o puedes descargar glyphicon y subir fontawesome-webfont.svg

Para sus icons personalizados, cree SVG, cárguelos en IcoMoon y agréguelos al conjunto FontAwesome / Glyphicon.

Cuando haya terminado, exporte el conjunto de fonts y cárguelo como lo haría con cualquier fuente de icono.

¡Buena suerte!

ACTUALIZAR

Si los íconos de los archivos SVG importados parecen desalineados después de importarlos a la aplicación iconmoom.app, compruebe primero cómo se ven realmente cuando se usan en una página web. Me parece que la vista previa no siempre es perfecta. Alternativamente, hay un icono de edición en la barra de herramientas de iconmoon.app que le permite mover y cambiar el tamaño.

Si alguien está buscando una herramienta alternativa a la que se menciona aquí, he encontrado que Glyphter es muy útil. Es bastante sencillo y le permite cargar un archivo .svg , prepararlo y agregar más glifos de muchos otros paquetes de fonts. A continuación, puede descargar todo el paquete como su propia fuente.