Instalar FontAwesome en Angular

Hola a todos, hoy os explicaré como podemos instalara fontawesome en angular.

FontAwesome es una biblioteca css donde tenemos una gran cantidad de iconos que podemos usar en nuestra aplicación.

Para instalarlo haremos lo siguiente:

Nos posicionamos en nuestro proyecto de angular y en la terminal escribimos lo siguiente:

npm install –save font-awesome angular2-fontawesome

Esto lo instalará en nuestro proyecto.

Ahora tenemos que hacer que se importe en nuestro proyecto de la siguiente forma:

Nos vamos al fichero .angular-cli.json y en la parte de styles, escribimos esto:

“../node_modules/font-awesome/css/font-awesome.css”

No olvides la coma, así se quedaría:

Ahora vamos a colocar un código para comprobar que funciona. Nos vamos a app.component.html y copiamos este código (puedes borrar todo el resto del código):

<i class="fa fa-camera-retro fa-lg"></i>

Lo compilaremos y vemos el resultado.

Espero que os sea de ayuda- Si tenéis dudas, preguntad. Estamos para ayudarte.

 

¿Te ha gustado y quieres apoyarme? ¡Sé mi patrón!
Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *