Angular 入門

ホーム > Angular の環境設定 > Font Awesome を使う方法

Font Awesome を使う方法

ここでは Angular 2 プロジェクト内で Font Awesome を利用する方法を説明します。

プロジェクトのディレクトリに移動し、次のコマンドを実行します。

$ npm install font-awesome --save

--save オプションによって package.json の dependencies セクションに Font Awesome が追加されます。

次に .angular.json の apps 以下の styles に Font Awesome を追加します。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  ...
  "apps": [
    ..
    "styles": [
      "styles.css",
      "../node_modules/font-awesome/css/font-awesome.css"
    ],
  ...

以上を設定した上で、ng build (とか ng serve) し直せば Font Awesome が利用可能なはずです。

ホーム > Angular の環境設定 > Font Awesome を使う方法