Fontastic: convierte tus iconos en tipografía

Fontastic

Todos hemos tenido que utilizar en algún momento un icono en nuestra web. Como antecesor a un número de teléfono, a una dirección de correo electrónico, a una red social… Y sí: es una tarea bastante coñazo si, cada vez que lo quieres introducir, tienes que reescribir el código html para poder insertar la imagen, tal que así <img src=”http://www.ladirecciondelicono.com” alt=”título del icono”></img>. Ai, la cantidad de tiempo y energía invertidos en esta tarea tan rutinaria…

¿Que pasaría si os dijera que traigo la solución perfecta para agilizar este paso? ¿Y si os digo que lo que hoy os voy a enseñar, hará que vuestra web cargue más rápido…? Prestad mucha atención: ha llegado Fontastic, una aplicación sencillamente fantástica.

Convertir iconos en tipografía

Fontastic: convierte tus iconos en tipografía

Lo que esta web nos propone es el crear una tipografía formada por iconos personalizada a nuestro gusto. Al más puro estilo Webdings, podremos escoger de entre más de 4.200 iconos existentes en la web aquellos que queremos que formen parte de nuestra fuente. Una vez seleccionados, tan sólo tendremos que asociarle a cada icono una letra, y tras descargar la carpeta que contiene la tipografía, el código html y el código css… ¡Ya podremos utilizarla!

Convierte icono en tipografía

Ventajas de utilizarla:

  • ¿Quieres cambiar de color un icono? No abras el Photoshop: modifica el código CSS.
  • Acelera tu web (porque los iconos están en formato .svg)
  • Reescala los iconos o añádeles sombra: sólo con CSS
  • Preparados para pantallas Retina
  • Se ven en cualquier navegador

Lo único que tienes que hacer para poder utilizar esta web, es registrarte en ella. Fácil y sencillo.

 

Más información – Fontastic


Categorías

Fuentes, Iconos

Lúa Louro

“Si hoy en día se habla de nativos digitales para referirse a aquellos que desde la infancia tienen contacto y aprenden a controlar... Ver perfil ›

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *