SITIOS PARA CREAR ICONOS

Una o varias imágenes de alta calidad pueden hacer la diferencia entre un buen sitio web y un gran sitio web.Sin embargo, también añaden pes...

Una o varias imágenes de alta calidad pueden hacer la diferencia entre un buen sitio web y un gran sitio web.Sin embargo, también añaden peso del archivo, no son fáciles de escalar, editados o manipulados.

Cuando se trata de diseño de respuesta, la mejor solución es a menudo no usar una imagen en absoluto, y en lugar de utilizar iconos cuando sea apropiado. Están fácilmente personalizados, permiten tener un buen soporte de los navegadores. Y debido a que contienen menos caracteres que un tipo de letra completa, también ocupan menos memoria.

Creación de fuentes icono no tiene que llevar mucho tiempo, ya que hay varios generadores que le permiten construir su propia fuente personalizada - utilizando sólo los iconos que realmente necesita - para ayudar a reducir el tamaño del archivo. Estos también proveen un paquete de descarga con fuente y CSS archivos, listas para integrar directamente en su sitio web.

Hemos reunido a ocho de los mejores generadores de icono de fuente para ayudarle a empezar a usar fuentes escalables, ligeros, independientemente de la resolución en sus propios proyectos.

1. Icono Vault

Icono Vault le permite crear fuentes icono utilizando sólo los iconos que necesita, lo que significa menos peticiones HTTP y los tiempos de carga de páginas más rápidas. Las fuentes son los gráficos vectoriales que escalarán con gracia y lucen muy bien en todos los dispositivos, incluidos los que tienen pantallas de Retina.
Puede aplicar un estilo CSS, incluyendo el color, las sombras del texto, la alineación vertical, la animación y el tamaño de la fuente. Es fácil empezar a crear su propio - sólo tiene que descargar la plantilla y subir una carpeta de sus propios iconos para Icon Vault para convertirlos en una fuente personalizada, utilizando una sencilla interfaz de arrastrar y soltar.
IMAGEN: ICONO VAULT
2. Fontastic
Fontastic le ayuda a crear fuentes de iconos personalizados con facilidad, y es ideal para los que empiezan a trabajar con el concepto. Simplemente importe sus propios iconos subiéndolos como archivos SVG, y sentarse como Fontastic los convierte en cuestión de segundos. Usted puede tomar el control de del estilo, así como rescale, cambiar el color, añadir sombras paralelas o animar sus fuentes de iconos. Dado que sólo está incluyendo los iconos que usted necesita, usted reduce drásticamente los tiempos de carga, mediante la combinación de todos los iconos en un solo archivo de fuente.
Puede usar la configuración estándar de Fontastic, o usted puede cambiar el carácter y la cartografía CSS.
IMAGEN: FONTASTIC
3. Fontello
Fontello es un proyecto de código abierto que le permite combinar cualquier elemento seleccionado de una variedad de fuentes con el fin de crear su propia fuente personalizada.Puede reducir las colecciones de glifos (para minimizar el tamaño de la fuente), combinar los símbolos de varias fuentes en un solo archivo, con acceso a una gran colección de obras de arte de código abierto.
Fontello le permite buscar rápidamente iconos específicos, previsualizar el resultado y después cambia los nombres de clase para adaptarse a su sitio web o proyecto. Debido a que cada paquete de fuentes generada tiene un archivo de configuración incluido, puede cargar de nuevo en Fontello para continuar el trabajo.
IMAGEN: FONTELLO
4. Pictonic
Pictonic ofrece versiones gratuitas y de primera calidad cuando usted se inscribe para una cuenta.Use la búsqueda en tiempo real para navegar por iconos disponibles y haga clic en las que quieres. También puede filtrar los resultados por medio de la categoría.
Una vez que haya terminado de seleccionar los iconos, simplemente haga clic en Continuar y descarga el paquete, que incluye los archivos de fuentes, CSS, IVS, PNG y más. El número de archivos que reciba dependerá del número de iconos que ha elegido incluir. Usted es capaz de personalizar todos los iconos por tamaño, el color y la sombra del texto.
5. IcoMoon
IcoMoon proporciona fuentes de iconos y la capacidad de importar y crear su propio, generando fuentes de iconos de cualquier tamaño o color. Hay dos versiones de código abierto y de alta calidad, con paquetes de iconos disponibles para la compra y un paquete gratuito que se puede descargar desde Github.
La fabricación de su propio icono de la fuente es fácil - sólo tienes que seleccionar la aplicación web IcoMoon, haga clic en los iconos que desee incluir y luego descargar su fuente. Puede cambiar el nombre de la fuente, activar o desactivar las ligaduras, establecer la línea de base y el tamaño de ellos, y cambiar el carácter asignado a un glifo.
IMAGEN: ICOMOON
6. Fuente personalizada
Fuente personalizada se ejecuta en Rubí y genera fuentes icono cross-browser de una colección de IVS, por lo que es fácil de crear su propia fuente icono y vectores, y sin limitación a populares juegos de iconos genéricos. No hay necesidad de configuración, simplemente cree un directorio de los archivos SVG, ejecute un comando y fuente para creará los archivos de fuentes y acompaña archivo CSS.
El vigilante de la línea de comandos significa que no hay necesidad de actualizar manualmente.Puede estilo de los iconos sin embargo que usted elija con CSS, utilizando la convención de nomenclatura de Twitter Bootstrap.
IMAGEN: FUENTE PARA
7. Pictos
Pictos proporciona fuentes de iconos hechos a mano, infinitamente escalable y libre de regalías.Con la introducción del servidor Pictos, usted puede construir sus propias fuentes icono eligiendo cualquier icono en la biblioteca de los pictos, y asignar una tecla correspondiente al icono.Simplemente pegue el fragmento de código generado en el HTML y el servidor Pictos servirá el icono de la fuente a medida directamente en su sitio web, que utiliza una sencilla CSS etiqueta "link" (sin dependencia de Javascript).
Hay más de 650 iconos para elegir, lo que permite un número ilimitado de fuentes de iconos.
IMAGEN: PICTOS
8. We Love Icon Fuentes
We Love Icon Fuentes es un directorio de código abierto para elegir y construir su propio icono del paquete fuente, con una selección de varios tipos de iconos de alta calidad, incluyendo Brandicon, Entypo, Font impresionante, Fontelico, Hacer, OpenWeb iconos, Typicons y Zocial.