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 .