Установите Font awesome 5 с помощью NPM

Question

Я работаю с приложением Angular (6), и я пытаюсь использовать значки FA, и раскрываюсь без удачи.Я успешно использую значки FA (4), например:

<i class="fa fa-align-justify"></i>

, но: не работает, я использую эту команду для установки FA

npm install font-awesome --save

из package.json

в папке node_modules, я могу прошить FA.css, но там написано Font Awesome 4.7.0 ...

In angular.json файл, на который я ссылался FA: "node_modules/font-awesome/css/font-awesome.min.css",

я выделил много постов типа тот Как использовать шрифт awesome 5, установленный через NPM

Что мне нужно сделать еще?

Answer 1

Для версии 5 вам нужен следующий пакет @fortawesome/fontawesome

Используйте эту команду:

npm install @fortawesome/fontawesome-free

Посетите здесь

Fontawesome имеет определенныйпакеты для угловых.Чтобы узнать, как использовать с Angular, нажмите здесь

Answer 2

Редактировать:

Для пояснения, приведенный ниже ответ ошибочно рассматривает Font Awesome 4.7.0, а не Font Awesome 5.

Оригинал:

Это должно сработать, просто выполнив:

npm install font-awesome --save

И добавление:

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

... к вашему styles.css или styles.scss.

---

Другой вариант - использовать официальный шрифт awesome 5 angular component

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

В вашем шаблоне:

<div style="text-align:center">
  <fa-icon [icon]="faAlignJustify"></fa-icon>
</div>

В вашем машинописном тексте:

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

export class MyComponent {
  faAlignJustify = faAlignJustify;
}

В модулеВаш компонент:

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

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