fonts - iconos - Twitter bootstrap 3-crea un glyphicon personalizado y agrega a glyphicon "fuente"

iconos bootstrap

Question

Buena gente. Estoy ejecutando twitter bootstrap3, y estoy muy contento con la nueva forma en que maneja el icono como fuentes. Sin embargo: necesito algunos iconos 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.

¿Algunas ideas?

Answer 1

Este proceso podría ser una opción.

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

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

Cuando haya terminado, exporte el conjunto de fuentes 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.

Answer 2

Si alguien está buscando una herramienta alternativa a la mencionada aquí, he encontrado que https://glyphter.com/ es muy útil. Es bastante sencillo y le permite cargar un archivo .svg, prepararlo, agregar más de varios otros paquetes de fuentes y descargar el nuevo conjunto de fuentes para su uso.