Font Awesome, Inserta Íconos en el Código HTML

font-awesome inserta íconos en el código html

Font Awesome es un interesante y eficiente recurso para implementar íconos en nuestros proyectos web desde el código HTML.

¿Cómo funciona Font Awesome?

  1. Comienza por descargar la carpeta de la app desde la página oficial de Font Awesome.

  2. Copia la carpeta de Font Awesome a la carpeta de nuestro proyecto web.

  3. Añade al HTML <link /> el CSS (font-awsome.min.css).

  4. En el lugar del body del código HTML donde quieras poner el ícono, inserta la etiqueta <i> por cada ícono que quieras usar de la siguiente manera: <i class=”algo”></i>, la class .algo es el valor del ícono asignado mediante la clase. Puedes ver la lista completa de las clases aquí.

Links:

Cómo empezar Font Awesome.

Si tienes alguna duda puedes contactarme por twitter en @yosoyameth