La utilización de Adobe Illustrator para el diseño web se ha popularizado gracias a las prestaciones y flujo de trabajo que ofrece esta aplicación a la hora de realizar nuestros prototipos de diseño. A esto debemos sumar la aparición de nuevas herramientas que facilitan la visualización (sobretodo en dispositivos retinas) y mejoran la velocidad de carga nuestros sitios web, un ejemplo de esto son las icon fonts, que nos permiten integrar imágenes vectoriales en una web tal como si se tratara de una fuente tipográfica.

A la hora de utilizar las icon fonts en Illustrator para realizar prototipos web basta con descargar la fuente (existen recursos online como Iconmoon o Web hosting hub) e instalarla en nuestro dispositivo como lo haríamos con cualquier otra tipografía.

Posteriormente debemos acceder a Texto/Glifos en Illustrator y seleccionar la fuente recién instalada. Después de esto podemos trabajarla al igual como utilizaríamos cualquier carácter de texto. Si es necesario, podemos además convertirla en símbolo para usarla en múltiples instancias de nuestro proyecto.


Agradecimientos a http://mediatrainning.com/wp/409/ por su información y a https://pixabay.com/es/mac-enfoque-imac-contraste-colores-835288/ por su imagen