Blog de Estudios Media

Crear iconos como fuentes1 min de lectura

Crear iconos como fuente tipográfica con icommon y css

El convertir nuestros iconos como fuentes tipográficas trae muchísimas ventajas como ser:

 

  1. Reducción del peso de los archivos, dado que una fuente pesa menos que un archivo png o jpg.
  2. Optimización en el tiempo de carga de nuestra web (al disminuir el peso y las peticiones al servidor).
  3. Utilización de todas las propiedades css para las fuentes (estilos, color, tamaño, hover, grosor, etc).
  4. Son fácilmente escalables (sobre todo para uso en diseños responsivos).
  5. Fácilmente actualizables.

Herramientas que necesitaremos para nuestro ejemplo

Adobe Ilustrator (cualquier versión)

Icomoon (herramienta on-line con cuenta gratuita)

Sublime Text o cualquier otro editor de texto para codigo HTML

 

Manos a la obra con el video tutorial

https://www.youtube.com/watch?v=lu9lXV0UMTs

 

Mauro L. Chius
Mauro L. Chius

Especialista en comercio electrónico y estratégias digitales.