web-dev-qa-db-ja.com

Fontawesome 5 with Angular 2+

FontAwesome5をAngular 2+アプリに含める方法がわかりません。このパッケージを見つけました--- https://www.npmjs.com/package/@fortawesome/fontawesome このパッケージをどこにインポートすればよいか教えていただけますか？多分app.module.tsファイルにありますか？

angularfont-awesome-5angular-fontawesome
6
bartekgorski

まず、パッケージをインストールする必要があります。

$ 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ライブラリにアイコンを追加します。

fontawesome.library.add(faTrashAlt);

HTMLページで、アイコンを追加するだけです。

<i class="far fa-trash-alt"></i>

Fontawesomeドキュメントへのリンク： https://fontawesome.com/how-to-use/use-with-node-js#free

12
Miss_K

パッケージをインストールする必要があります：

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";
0
het