Añadir iconos vectoriales a la web sin imágenes con Font Awesome

Que los elementos visuales como los iconos que acompañan a cada título o botonera de nuestras aplicaciones web es m´s intuitivo y eficaz a la hora de atraer la atención de los usuarios no es ningún secreto.

Para mejorar el rendimiento de estos iconos y la menos carga de imágenes, Awesome Font nace con una librería de más de 360 iconos que actualizan periódicamente y que viene en formato Font. Así se puede disponer de cada icono inmediata sin tener que editar cada uno de ellos y además de no sobrecargar de imágenes la carga de la página.

Al ser una Font, se pueden jugar con los iconos de la misma forma que se hace con los textos mediante CSS, tamañaos sin pérdidas de definición, sombras, colores… 

font awesome examples

Para utilizar esta librería de icono en ofmrato fuete hay que copiar toda la carpeta que se descarga desde la web y descomprirla en la carpeta de CSS del sitio web.

Para añadir la librería, dentro del CSS hay que importar el .css:
@import url(‘font-awesome/css/font-awesome.min.css’);

Documentación y descarga: http://fortawesome.github.com/Font-Awesome/

0 Comments , ,