Al actualizar Bootstrap 4 en algunos de mis proyectos, por alguna razón los iconos de Font Awesome desaparecieron. No sé lo que hice, pero lo tomé como una señal para actualizar a Font Awesome 5.
La instalación de Font Awesome en Laravel 5 fue un poco complicado al principio, porque en versiones anteriores se hace de manera diferente.
Paso a paso:
1 – Instalar: Desde la terminal usando npm, ejecutamos:
npm i --save-dev @fortawesome/fontawesome npm i --save-dev @fortawesome/fontawesome-free-solid npm i --save-dev @fortawesome/fontawesome-free-regular npm i --save @fortawesome/fontawesome-free-brands
2 – Configurar: Abrimos el archivo que se encuentra en resources/assets/js/bootstrap.js
y agregamos lo siguiente:
require('@fortawesome/fontawesome'); require('@fortawesome/fontawesome-free-solid'); require('@fortawesome/fontawesome-free-regular'); require('@fortawesome/fontawesome-free-brands');
3 – Compilar: Podemos usar npm run dev
para unificar los archivos.
Listo, ahora se puede usar las nuevas clases <class="fa fa -..."
. Es posible que descubras que algunos iconos ya no son gratis, revisa el sitio fontawesome.com para reemplazarlos.
Deja un comentario