Muchos de nosotros nos hemos topado con alguna página web que usen los iconos de Font Awesome, ya que ahora está siendo muy usado por los maquetadores (además de diseñadores) como recurso. Hoy, vamos a ver cómo implementarlo en nuestro sitio web.
¿Qué es Font Awesome?
Para comenzar, tenemos que definir y saber que Font Awesome es una fuente de iconos que nos facilita éstos en vez de utilizar imágenes, lo que mejora mucho la carga de la web al evitar hacer la cárga.
Ya sabiendo ésto, debemos agregar que lo que usa es: una hoja de estilos (.css) y su tipografía.
¿Cómo usar Font Awesome
Con unos sencillos pasos, ya podremos tener agregado la lista de iconos en nuestra página web:
- Descargar Font Awesome (o también podemos usar su CDN).
- Una vez descargado los archivos, tenemos que agregar dentro de nuestra etiqueta <head> la siguiente línea:
<link href="css/font-awesome.min.css" rel="stylesheet"/>
en caso usemos las CDN, ya no descargamos nada y ponemos directamente la línea :
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
- Luego de ello, estará listo para ser usado. Un sencillo ejemplo:
<i class='fa fa-facebook'></i>
- Éso nos devolverá el icono de Facebook.
Como hemos visto, es sencillo agregar a nuestro sitio web Font Awesome. Para ver la lista de todos los iconos disponibles, podemos entrar a éste enlace.
