Comparación de cuatro generadores de fuentes de iconos personalizados
Las fuentes de iconos están de moda en este momento. Hacen que sea tan fácil incrustar gráficos vectoriales en una página que los diseñadores de todo el mundo recurren a ellos como la forma principal de manejar los iconos.
El problema, por supuesto, es que necesitamos más control sobre los íconos que incorporamos. A veces extraemos de una variedad de fuentes, incluido nuestro propio trabajo, y necesitamos una buena manera de armarlo todo. Ingrese generadores de fuentes de iconos. Siga a medida que comparamos algunos de nuestros favoritos.
¿Por qué un generador?
La desventaja de usar una fuente de icono es que estás limitado por los iconos que están en el conjunto que descargaste. Si desea incluir tres íconos diferentes de tres conjuntos diferentes, deberá cargar tres fuentes diferentes, lo que en realidad podría significar cargar cientos de íconos que simplemente no necesita.
Obviamente, si está buscando un sitio delgado y medio sin recursos superfluos y retrasos de carga innecesarios, esta no es la mejor manera de incrustar iconos. Aquí es donde entran las fuentes de íconos personalizados. En este escenario, usted toma sus tres íconos, los arroja en una única fuente personalizada pequeña e incrusta eso en su página.
Desafortunadamente, no todos tenemos el conocimiento o los recursos para construir nuestras propias fuentes. Sin embargo, no se preocupe, estos generadores de fuentes de iconos personalizados lo tienen cubierto. Ya sea que quiera usar sus propios iconos o aprovechar los conjuntos de iconos existentes, hay una herramienta a continuación para hacer el trabajo.
Fontello
El primer generador que vamos a ver es Fontello. Esta aplicación es muy elegante, muy fácil de usar y tiene once conjuntos de iconos completamente gratuitos, incluidos Font Awesome e Iconic. No hay miles de iconos para elegir, pero definitivamente hay suficientes para que puedas encontrar lo que estás buscando.
Hablando de encontrar lo que está buscando, esa tarea se simplifica mediante la función de búsqueda de actualización instantánea en la parte superior de la página. Me encanta el filtrado en vivo aquí, que es mucho mejor que esperar a que se cargue una nueva página con los resultados de búsqueda.
Elegir iconos para su fuente personalizada es tan fácil como hacer clic en ellos. Después de encontrar y seleccionar los íconos que desea incluir, vaya a la segunda pestaña donde puede cambiar los nombres de cada ícono. Son pequeñas opciones de personalización como esta las que hacen que Fontello sea tan genial.
El siguiente paso es revisar la pestaña "Editar códigos" para que pueda personalizar los caracteres que están asociados con cada icono. Hacer esto es bastante fácil, simplemente use los campos provistos.
Después de completar los pasos anteriores, ya está listo para comenzar. Simplemente escriba un nombre de archivo y haga clic en el enlace de descarga para recibir su fuente personalizada.
Descargar
La descarga de Fontello incluye la friolera de catorce archivos distribuidos en varias carpetas. La huella de cada archivo es pequeña, pero la gran cantidad de elementos que recibe puede parecer abrumadora para alguien que estaba buscando una solución simple. Dicho esto, es realmente bueno tener un ejemplo completamente funcional para trabajar y se han esforzado mucho para asegurarse de que todo sea lo más compatible posible con el navegador.
IcoMoon
La próxima aplicación que vamos a echar un vistazo es IcoMoon. Honestamente, se parece mucho a Fontello, pero hay algunas diferencias clave que vale la pena examinar.
Al igual que con Fontello, puede navegar a través de los iconos desplazándose o usar la función de búsqueda integrada para encontrar algo específico.
Hay muchos más iconos disponibles de los que ve de forma predeterminada. Para ver el resto, presione el botón "Biblioteca" cerca de la parte superior de la pantalla.
Esto lo llevará a una página que actualmente tiene dieciséis colecciones diferentes para elegir, muchas de las cuales son gratuitas, mientras que otras deben comprarse.
Importar otros recursos
Una de las mejores características de IcoMoon es la capacidad de importar otros recursos para incluirlos en su compilación personalizada. Puede cargar otras fuentes de iconos o incluso sus propios gráficos SVG personalizados. Esto hace que IcoMoon sea un recurso increíble para cualquiera que busque construir su propia fuente de iconos desde cero.
Generando la fuente
Una vez que haya seleccionado sus iconos, puede continuar con la descarga de su fuente a través del botón en la parte inferior de la página. También tenga en cuenta que tiene la opción de descargar los iconos como una imagen (generará una página de sprites).
Al igual que con Fontello, antes de la descarga, tiene algunas opciones para cambiar la configuración y la codificación de su fuente.
Descargar
La descarga aquí es considerablemente menor que con Fontello. Solo hay nueve archivos, cinco de los cuales son la fuente real. Básicamente, Fontello le ofrece un montón de archivos CSS mientras que IcoMoon lo condensa en uno. Esto hace que todo sea mucho más fácil de examinar y la página de demostración también es un poco más agradable.
Pictonic
El siguiente en nuestra lista es Pictonic. Para usar este sitio, debe registrarse para obtener una cuenta. A partir de ahí, obtienes tres opciones. Puede usar los íconos gratuitos, usar íconos pagados a una tasa de $ 0.59 por ícono o recibir acceso ilimitado por $ 199.
Aquí vemos el mismo ejercicio que antes, use la función de búsqueda en vivo o navegue por los iconos disponibles desplazándose y haciendo clic en los que desee.
También hay un menú desplegable que le permite filtrar fácilmente los resultados por categoría. Esta también es una buena manera de ver los 320 íconos gratuitos (que en su mayoría son logotipos sociales y de software).
Descargar
Esta vez, realmente no veo ninguna opción para personalizar su descarga, simplemente haga clic en "Continuar" y luego en "Descargar" y recibirá lo que resulta ser nuestra descarga más grande hasta el momento.
Con Pictonic, recibirá automáticamente los archivos en casi todas las formas que pueda desear: archivos de fuente, PNG y SVG. La cantidad de archivos que recibe depende de la cantidad de iconos que elija. Me encanta tener todas estas opciones, pero me gustaría elegir qué hacer y qué no quiero antes de la descarga.
Servidor Pictos
Guardé el valor atípico para el final. Pictos Server trata las cosas de manera bastante diferente a los otros sitios. En lugar de crear una fuente personalizada que descargue e incruste en su propio servidor, Pictos aloja los iconos por usted. Generalmente se conoce como "el Typekit de íconos", que es una descripción decente de lo que puede esperar del servicio.
Según mi cuenta, actualmente hay alrededor de 338 iconos para elegir. Puede reducir la oferta eligiendo uno de los conjuntos de Pictos o buscando algo específico.
Una vez que haya elegido los íconos, puede escribir los caracteres que desea representar para cada ícono. Desde aquí, simplemente haga clic en el botón "Generar código", que le proporciona un enlace de inserción CSS que simplemente arroja a su archivo.
Precios
Dado que Pictos es un servicio de alojamiento, obviamente hay una tarifa mensual involucrada. Los precios de los planes se establecen de acuerdo con las visitas a la página, comenzando con $ 0 por hasta 25, 000 visitas mensuales hasta $ 50 por hasta 4, 000, 000 visitas mensuales.
También es importante tener en cuenta que el plan gratuito parece estar limitado a doce iconos por fuente.
¿Cómo se comparan?
Obviamente, la respuesta a la pregunta de qué sitio es "mejor" depende de sus necesidades específicas. Cada sitio parece sobresalir a su manera. Si está buscando la solución más fácil, no puede vencer a Pictos Server. Realmente hay muy poco trabajo involucrado e incrustar la fuente del icono es muy fácil.
Si está buscando un montón de fuentes gratuitas sin la molestia de registrarse para obtener una cuenta, consulte Fontello. Es un gran servicio con muchas opciones y es probable que sea todo lo que necesita.
En términos de características y opciones, IcoMoon es difícil de superar. Me encanta que te permite cargar e integrar tu propio trabajo o incluso otras fuentes de iconos que hayas encontrado. También hay un montón de íconos gratis aquí e incluso algunos paquetes premium si realmente quieres ir por todos lados.
En general, Pictonic fue probablemente mi menos favorito del grupo. La selección de iconos gratis no fue tan buena y no tienes las opciones de personalización que tienen los otros servicios. Una cosa que me gusta de Pictonic es el modelo de precio directo para íconos premium: $ 0.59 por ícono o $ 199 para acceso ilimitado. Agradable y simple!
¿Qué Icon Font Generator es tu favorito?
En general, vale la pena echarle un vistazo a estos cuatro servicios. Todos son realmente fáciles de usar y están llenos de valor.
Ahora que has visto mis pensamientos sobre estos cuatro generadores de fuentes, deja un comentario a continuación y cuéntame tus pensamientos. ¿Has utilizado alguno de estos servicios en proyectos anteriores? Cual me recomiendan ¿Qué otras opciones hay que me perdí?
