¿Cómo usar iconos impresionantes de fuentes de Node.js-modules?

Font-awesome es una biblioteca de íconos de la web que le brinda íconos vectoriales escalables que se pueden personalizar en términos de color, tamaño y en muchos más aspectos. Muchas empresas integran este icono de biblioteca en sus sitios web. Tiene más de 600 íconos y cada ícono responde a dispositivos móviles y de escritorio, independientemente de la resolución del tamaño de la pantalla. También nos da para usar animaciones sin el uso de javascript.

Sintaxis para instalar la biblioteca:

npm install font-awesome --save
    Acercarse:

  • Primero, debemos ingresar el comando anterior en la terminal para instalar el paquete.
  • Una vez que se solucione la instalación, puede encontrar el paquete dentro de la carpeta de módulos de Node.
  • Luego, debe importar el archivo en el archivo style.css.
  • Después de importar el archivo, puede comenzar a usar los íconos impresionantes de fuentes.

Implementación de código:

En el archivo style.css, importe font-awesome usando la siguiente sintaxis.

@import url('../node_modules/font-awesome/css/font-awesome.min.css');

aplicación.componente.html :

<h1>Font-awesome</h1>
Notification :
<i class='fas fa-bell' style='font-size:24px'></i>
<br><br>
Message or Inbox :
<i class='fas fa-envelope' style='font-size:24px'></i>
<br><br>
Bookmark : 
<i class='fas fa-bookmark' style='font-size:24px'></i>
<br><br>
Like Button :
<i class='fas fa-thumbs-up' style='font-size:24px'></i>
<br><br>
Calendar:
<i class='fas fa-calendar-alt' style='font-size:24px'></i>

Producción:

Publicación traducida automáticamente

Artículo escrito por bunnyram19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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