Fuentes como iconos

Hoy en día podemos usar fuentes que son iconos. Con ellas te olvidas de tener que vectorizar un icono, y tener que guardarlos en diferentes tamaños para tenerlo adaptado para las diferentes resoluciones de los dispositivos, o colores para los estados de los enlaces.

Font iconos

Olvídate de vectorizar y guardar cada icono en un tamaño determinado

Su funcionamiento es como una fuente cualquiera por lo que puedes ponerlas al tamaño, color, sombreado  que quieras mediante CSS.

Font Glyphicons

Una de ellas son el set que viene con Bootstrap, llamado Glyphicons Halfligns. 250 iconos o glifos, gratuitos al instalar Bootstrap.

Otra con más iconos, es la Font Awesome, en una sola fuente tienes 519 iconos, un lenguaje pictográfico que incluso incluye algunas animadas (ojo con la renderización en algunos navegadores).

Font Awesome

Ventajas

  • No requieren JavaScript
  • Las puedes escalar tanto como quieras sin que pierdan definición ni se pixeles. Perfectas para las pantallas retina de iOS.
  • Los iconos tienen diseños actuales
  • Al actuar como una fuente puedes ponerlas en el color, tamaño, sombreado… todo lo que te dejen tus conocimientos de CSS
  • Y encima gratis incluso para uso comercial

¿Qué te parecen? ¿Te atreves a probarlas?
Font iconos

Yo ya las estoy incluyendo para algunos iconos 🙂

Deja un comentario

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