44 votos

Twitter bootstrap 3 - crear una personalizada glyphicon y agregar a glyphicon "fuente"

La gente buena. Estoy corriendo twitter bootstrap3, y estoy muy feliz con la nueva forma en que se maneja el icono como fuentes. Sin embargo: necesito algunos iconos personalizados; tengo que hacerlos yo mismo, y lo ideal sería que la integran en la fuente existente. He buscado sin suerte. Estoy bien familiarizado con illustrator, gráficos de vectores, etc, pero, ¿cómo integrar?

Peor de los casos, voy a hacer que las imágenes de la manera tradicional, pero la esperanza no es una solución mejor.

Alguna idea?

63voto

David Taiaroa Puntos 10064

Este proceso podría ser una opción.

Usted podría utilizar la IcoMoon de la Aplicación. Su biblioteca incluye FontAwesome que iba a tener un inicio rápido, o descargar glyphicon, y subir la fontawesome-webfont.svg

Para sus iconos personalizados, crear SVGs, subirlos a IcoMoon y agregarlos a la FontAwesome / Glyphicon conjunto.

Cuando haya terminado de exportación de la fuente y de la carga como lo haría con cualquier icono de fuente.

Buena suerte!

ACTUALIZACIÓN

Si su importados archivo SVG iconos parecen alineados después de la importación en el iconmoom.aplicación, primero comprobar cómo realmente se ven cuando se utiliza en una página web. A mí me parece que la vista previa no siempre puede ser perfecto. Como alternativa, hay un icono de edición en la iconmoon.aplicación de la barra de herramientas que le permite mover y cambiar de tamaño.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: