Saltar al contenido

Instalar Font Awesome 5 con NPM

Estate atento ya que en esta reseña vas a encontrar la respuesta que buscas.Este artículo fue analizado por nuestros expertos para garantizar la calidad y veracidad de nuestro post.

Solución:

Para la versión 5, necesita el siguiente paquete @fortawesome/fontawesome. Consulte la instalación mediante administradores de paquetes.

Usando npm:

npm install --save @fortawesome/fontawesome-free

Luego haga referencia a la all.css o all.js en el .


Nota: Asegúrese de que la ruta sea correcta, depende de dónde instaló el paquete.

O puede importar el módulo en su código js.

import '@fortawesome/fontawesome-free/js/all.js';

O si está utilizando Sass, puede importar el módulo en app.scss.

@import '[email protected]/fontawesome-free/scss/fontawesome';
@import '[email protected]/fontawesome-free/scss/';

Nota: Reemplazar con solid, brands o regular cualquier tipo de iconos que necesites.


Font Awesome tiene un componente Angular oficial.

npm install --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free--svg-icons
npm install --save @fortawesome/angular-fontawesome

Nota: Reemplazar con solid, brands o regular cualquier tipo de iconos que necesites.


También puede instalar componentes Vue y React.

npm install --save @fortawesome/vue-fontawesome
npm install --save @fortawesome/react-fontawesome

Para fuente impresionante 4.7.0:

Debería funcionar simplemente haciendo:

npm install font-awesome --save

Y agregando:

@import "~font-awesome/css/font-awesome.css";

…para usted styles.css o styles.scss.


Para fuente impresionante 5 use el componente angular oficial Font Awesome 5

npm add @fortawesome/fontawesome-svg-core
npm add @fortawesome/free-solid-svg-icons
npm add @fortawesome/angular-fontawesome

En tu plantilla:

En su texto mecanografiado:

import  faAlignJustify  from '@fortawesome/free-solid-svg-icons';

export class MyComponent 
  faAlignJustify = faAlignJustify;

En el módulo de su componente:

import  FontAwesomeModule  from '@fortawesome/angular-fontawesome';

@NgModule(
  declarations: [
    MyComponent
  ],
  imports: [
    BrowserModule,
    FontAwesomeModule
  ]
)
export class MyModule  

Si estás usando npm install --save @fortawesome/fontawesome-free cambiar el package.json referirse

import "@fortawesome/fontawesome-free/css/all.css"; 

Recuerda algo, que tienes la opción de glosar tu experiencia .

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

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