Я не знаю, как включить FontAwesome 5 в приложение Angular 2+. Я нашел этот пакет - https://www.npmjs.com/package/@fortawesome/fontawesome Не могли бы вы сказать мне, куда мне следует импортировать этот пакет? Может быть, в файле app.module.ts?
Fontawesome 5 с Angular 2+
comment
github.com/angular/angular-cli/wiki/ а>
- person JB Nizet   schedule 22.02.2018
comment
Можете ли вы подтвердить, работает ли это со шрифтом awrsome v5.x.x?
- person Jota.Toledo   schedule 22.02.2018
comment
@j3hyde упомянул, как добавить FontAwesome с помощью CSS с Ангуляром.
- person MD Moinur Rahman Khan   schedule 26.02.2018
comment
Возможный дубликат Font Awesome 5 с Angular
- person JeB   schedule 08.04.2018
Ответы (2)
Во-первых: вам нужно установить пакеты:
$ npm i --save @fortawesome/fontawesome
$ npm i --save @fortawesome/fontawesome-free-solid
$ npm i --save @fortawesome/fontawesome-free-regular
$ npm i --save @fortawesome/fontawesome-free-brands
Затем в вашем app.component.ts вы добавляете импорт:
import fontawesome from '@fortawesome/fontawesome';
import faTrashAlt from '@fortawesome/fontawesome-free-regular/';
и в вашем конструкторе app.component вы добавляете значок в библиотеку шрифтов:
fontawesome.library.add(faTrashAlt);
На странице html вы просто добавляете значок:
<i class="far fa-trash-alt"></i>
Ссылка на документацию по fontawesome: https://fontawesome.com/how-to-use/use-with-node-js#free
person
Miss_K
schedule
22.02.2018
Значит, мне нужно добавлять значки по одному? Можно ли добавить все иконки сразу?
- person Dimonina; 15.03.2018
@Dimonina Да, вы можете — импортировать {fas} из '@fortawesome/free-solid-svg-icons'; fontawesome.library.add(fas);
- person Angelo; 05.04.2018
вам нужно установить пакет:
npm install @fortawesome/fontawesome-free
затем импортировать все
import "@fortawesome/fontawesome-free/css/all.css";
или импортировать отдельно, вот так:
import "@fortawesome/fontawesome-free/css/fontawesome.css";
import "@fortawesome/fontawesome-free/css/solid.css";
person
het
schedule
27.02.2019