Cómo Agregar Una Font Awesome En Angular 11

 En este artículo, le explicaremos cómo agregar Font Awesome en angular 11. Le daremos un ejemplo simple de cómo usar el icono de fuente impresionante en angular 11. Hablemos de instalar font-awesome en angular 11. Solo necesita para seguir algunos pasos para instalar font-awesome en angular 11.

Instalar Font Awesome en angular

Después de la configuración de la aplicación, necesitamos instalar el paquete font-awesome usando el siguiente comando.

1	npm install font-awesome --save

Tenemos que agregar la ruta impresionante de la fuente en el archivo angular.json. así que primero agregaremos esa ruta en el archivo angular.json.
angular.json

1 2 3 4

"styles": [      "node_modules/font-awesome/css/font-awesome.css",      "src/styles.css" ]

Actualizar el archivo de vista en angular

En este archivo de componentes, crearemos un ejemplo simple de un ícono impresionante de fuente. para que pueda ver el siguiente código.
src / app / app.component.html

1 2 3 4 5 6 7

<div class="container"> <h2>how to install font awesome in angular 11</h2> <i class="fa fa-twitter fa-5x"></i> <i class="fa fa-facebook fa-5x"></i> <i class="fa fa-instagram fa-5x"></i> <i class="fa fa-linkedin fa-5x"></i> </div>

Ejecute nuestra aplicación angular

Ahora ejecutaremos nuestra aplicación Angular usando el siguiente comando.

1

ng serve