7 consejos de expertos sobre el ícono web establece el uso y los beneficios

¿Se está preguntando acerca del uso de un conjunto de iconos para su sitio web y cuál elegir? Estos consejos de expertos pueden convencerlo sobre lo que muchos desarrolladores web profesionales ya saben: es mucho más fácil buscar íconos de un conjunto de íconos incluido, que encontrar íconos uno por uno y encontrar una manera de hacerlos consistentemente juntos.

Pedimos a la comunidad sus mejores consejos sobre el uso de conjuntos de iconos, y muchos de ellos están de acuerdo en usar el popular conjunto de iconos Font Awesome, pero ese no es el único conjunto de iconos disponible en el mercado.

¿Qué conjunto de iconos estás usando? ¡Háganos saber en los comentarios!

 ¿Está utilizando un conjunto de iconos específico para su sitio web? ¿Está utilizando Font Awesome para un uso específico (es decir, con Shopify, para un boletín informativo, ...)? Si es así, ¿por qué lo está utilizando y cuál es su experiencia con el conjunto de iconos? ¿Has usado su CDN, has notado alguna mejora en tu uso?

Jeff Roscher: agrega un estilo simple y agradable que los clientes encuentran moderno y atractivo

Usamos Font Awesome en eWorkOrders.com. Es parte de nuestro sitio de marketing y de nuestra oferta de software como servicio (SAAS), un sistema de gestión de mantenimiento computarizado (CMMS). En nuestro sitio de marketing, agrega un estilo simple y agradable que los clientes potenciales encuentran moderno y atractivo. Hemos agregado bordes interesantes y eventos de mouseover para que sean más interactivos y emocionantes. Para nuestros clientes, los íconos de Font Awesome se usan como señal visual dentro de los campos de entrada para ayudar a identificar qué tipo de datos se deben ingresar, como un ícono de calendario en un campo de fecha, un sobre en un campo de dirección de correo electrónico o un ícono de teléfono en un campo para un número de teléfono. Se usan en botones funcionales, como editar, copiar e imprimir.

Los íconos se usan para brindar información visual rápida sobre los datos, como un ícono de exclamación rojo junto a una orden de trabajo vencida o cuando algo necesita atención. También se encuentran en otros lugares para hacer que el programa se vea mejor.

¡Font Awesome ha sido increíble! Su CDN es rápido y hay muchas opciones para cada tipo diferente de icono que necesitamos. Nunca nos ha decepcionado.

Rachel Foley: una forma económica de acceder a una biblioteca de iconos masiva con facilidad

En Mapa de mis clientes, confiamos plenamente en Font Awesome para nuestra iconografía en todos los canales de comercialización y nuestro producto, incluidos nuestros:

• Sitio web
• Correos electrónicos
• Redes sociales
• Gráficos personalizados
• Aplicación movil
• Aplicación Web

Utilizamos Font Awesome porque es una forma asequible de acceder a una biblioteca de iconos masiva con facilidad. El estilo está más en el lado lúdico que se alinea con nuestra marca; Además, la capacidad de utilizar diferentes pesos y estilos de iconos nos da libertad.

Utilizamos el CDN para nuestras aplicaciones, lo que permite una sensación muy consistente en la experiencia del usuario del producto. Además, es muy simple de actualizar cuando sea necesario. Con los materiales de marketing, somos un poco más flexibles y usamos una mezcla de CDN, nuestra instalación local y versiones vectoriales.

FA siempre ha sido confiable para nosotros desde que adoptamos completamente en enero.

Andrew Ruditser: al actualizar Font Awesome, nosotros también

Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Redes sociales Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.

Font Awesome ahora ofrece una amplia gama de iconos para elegir. Consideramos que esta flexibilidad es útil para nosotros desde la fase de diseño hasta nuestra fase de desarrollo. Para Font Awesome, su plataforma ofrece dos opciones para sus usuarios. First Options es un servicio gratuito, que ofrece 1,588 iconos gratuitos para elegir. La segunda opción es una membresía Pro, que ofrece 7.842 iconos. Esta compañía también tiene lo que llamamos una hoja de trucos de Icon. Esta lista muestra todos sus íconos que ofrece Font Awesome, que nos informa si son parte del paquete gratuito o del paquete profesional.

Para agregar, Font Awesome también ofrece una opción para extraer su código de su CDN. Recomendamos encarecidamente seguir su ruta. Su CDN tiene un tiempo de respuesta rápido, y tenemos poco o ningún retraso entre nuestro sitio y su plataforma.

Jeff Romero: hace que la velocidad de la página sea mucho más rápida

Desarrollamos sitios web personalizados en Wordpress para clientes de pequeñas y medianas empresas. Históricamente, hemos utilizado imágenes para representar varios íconos en nuestros sitios web, desde perfiles de redes sociales hasta íconos de teléfono y correo electrónico. El proceso para usar una imagen para íconos requiere encontrar un conjunto consistente de íconos, cargarlos y luego cambiar su tamaño para asegurar que se ajusten al sitio.

Aunque es un archivo de imagen pequeño, es un proceso un poco difícil obtener un conjunto consistente de iconos y hacer que coincidan con la plantilla del sitio. Ahora, usando Font Awesome y su complemento de Wordpress, podemos reemplazar los íconos con un conjunto consistente de medios que simplemente requieren copiar / pegar una línea de HTML. Aún mejor, los iconos pueden redimensionarse con una pequeña cantidad de CSS (usando la propiedad de tamaño de fuente). Los iconos se muestran mejor que un icono basado en imágenes y son claramente visibles en dispositivos móviles. Finalmente, dado que es una línea de HTML en lugar de un archivo de imagen, hace que la velocidad de la página sea mucho más rápida.

Vance: especialmente bueno cuando no tienes un diseñador en tu equipo

Como desarrollador web, uso Font Awesome como una solución rápida para muchos iconos agradables. Dicho esto, Font Awesome es especialmente bueno cuando no tienes un diseñador en tu equipo de desarrollo. Es útil para desarrollar complementos de Wordpress porque los desarrolladores pueden integrarlos en sus complementos utilizando los CDN de Font Awesome en muy poco tiempo.

Mi experiencia con Font Awesome es buena hasta ahora. Pero eso no significa que no tenga inconvenientes. Uno de los inconvenientes obvios es la velocidad de carga de la página (rendimiento). Como es una solución rápida, debe incrustar un conjunto completo de íconos aunque solo use algunos íconos. Eso podría disminuir la velocidad de carga del sitio web y los puntajes de Google Page Speed ​​(PSI).

Sunny Ashley: simple, limpia y reconocible al instante para nuevos visitantes

Utilizamos  Iconos de Font Awesome   en el pie de página de nuestro sitio web. Específicamente, utilizamos los íconos de Facebook, Twitter y LinkedIn para hacer referencia a nuestros canales de redes sociales. Son simples, limpios e instantáneamente reconocibles para los nuevos visitantes. Como saben otros usuarios de Font Awesome, también fueron muy rápidos y fáciles de configurar.

Burak Özdemir: los iconos de plumas no causan un tamaño DOM excesivo

Feather Icons es una colección de iconos de código abierto legibles y visualmente agradables diseñados y mantenidos por Cole Bemis. A partir de junio de 2020, hay más de 280 iconos disponibles. Todos los iconos proporcionados por los iconos de plumas tienen licencia MIT y se pueden descargar por separado como archivos SVG. Puede personalizar el tamaño del icono, el color del trazo del icono y el ancho del trazo en el sitio web del icono de pluma antes de descargarlos.

Feather Icons puede ser una gran opción para su sitio web o proyecto si es un desarrollador o sabe cómo manejar algunas tareas básicas de front-end. Como estos iconos livianos también se pueden representar con una biblioteca JavaScript modular, no causan un tamaño DOM excesivo, una métrica que puede dañar el rendimiento de su página web. Por lo tanto, con el uso de Feather Icons, puede reducir la velocidad de carga de la página más en comparación con otros paquetes disponibles en el mercado. El único inconveniente de usar este conjunto de iconos es que no puede encontrar la mayoría de los iconos de la marca.