En esta clase veremos font awesome una fuente, que incluye más de 600 iconos gracias a los cuales no tendremos que volver a cargar imágenes.
CSS está genial, nos permite hacer cientos de cosas y desarrollar un diseño muy bonito, pero hay algo, en lo que un lenguaje de estilos no puede llegar y son los iconos y las imágenes.
Hasta ahora, si queremos poner el icono de un lápiz para editar un registro, o una imagen de una papelera que simbolice “borrar registro”, tenemos que hacerlo con la etiqueta ¿No?
Vamos a ver cómo hacerlo con FA. Además de que podremos añadir dichos iconos desde CSS. Veamos cómo funciona:
Como hemos podido observar, simplemente añadiendo el css de font awesome tenemos a nuestra disposición más de 600 iconos para nuestra página web.
Recordemos que estos iconos son “caracteres”, por lo que podemos ponerle el color que queramos, el tamaño que queramos y en definitiva, tratarlos como un texto ¡Increíble!
Como siempre, si tenéis preguntas, podéis serviros del formulario de soporte de la Intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de CSS Intermedio #1. Introducción
- Curso de CSS Intermedio #2. Selectores Avanzados
- Curso de CSS Intermedio #3. Selectores condicionales
- Curso de CSS Intermedio #4. Selectores ocasionales
- Curso de CSS Intermedio #5. Insertando texto con CSS
- Curso de CSS Intermedio #6. Colores y Transparencias
- Curso de CSS Intermedio #7. Ordenar el código CSS
- Curso de CSS Intermedio #8. CSS minificar
- Curso de CSS Intermedio #9. Font Awesome
- Curso de CSS Intermedio #10. CSS como lenguaje de programación