Angular でFont Awesome を使ってみる

Angular でFont Awesome を使ってみる

Font Awesomeは、アイコンを文字として扱うことを可能にしたツールです。

簡単におしゃれなアイコンを表示することができます。

Font AwesomeのCDNです。

現時点(2018/05/28)では、以下を読み込むのが最新です。

Angular5 で上記をヘッダ部に記述します。

index.html

これでボタンなどをアイコンに変更することができます。いくつかアイコンの例をapp.component.htmlに書いてみます。

app.component.html

結果は以下のように表示されます。

Angular でFont Awesome を使ってみる

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA