Felix Barros

Runner. Instructor. Coach. Software Developer.

Font Awesome 5 y Laravel 5 — febrero 27, 2018

Font Awesome 5 y Laravel 5

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.

Referencias

https://fontawesome.com/icons?d=gallery&m=free

Primer despliegue manual y automático de nuestro proyecto — diciembre 19, 2016
Conectar GitHub con DigitalOcean a través de DeployBot —
Crear un droplet con Linux, Nginx, MySQL y PHP en Ubuntu 16.04 —
Instalar Laravel vía Composer y crear un repositorio en GitHub —
Ruby: Array — septiembre 30, 2016
Ruby: Tablas de multiplicar (Repaso) — septiembre 24, 2016
Ruby: Métodos — septiembre 20, 2016
Ruby: Estructura iterativa While — septiembre 8, 2016
Ruby: Estructura condicional If — septiembre 5, 2016