Plugin/FontAwesome のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Plugin/FontAwesome へ行く。
  • 1 (2019-12-23 (月) 02:02:25)
  • 2 (2020-01-14 (火) 21:20:09)

PluginFontAwesome

fontawesome.io の iconフォントを使用するためのプラグイン
http://fontawesome.io/examples/

format

&fontawesome(fas fa-home);
&color(red){&fontawesome(fas fa-home);};

• 引数　fontawesome で提供されるアイコンの class名
  
  

• アイコンにリンクを設定するには以下のようにリダイレクトを設定して下さい。

  [[&fontawesome(fab fa-instagram); >http://www.example.com/]]

  　 　 　← Click!

• 以下のサイトでアイコンのクラス名を確認できます。
  https://fontawesome.com/icons?d=gallery&m=free
  
  

• HTML埋め込み用に以下のようなコードが提供されています。

  <i class="fas fa-home"></i>

  クラス名（ fas fa-home ）の部分のみ抜き出してご利用下さい。

  &fontawesome(fas fa-home);

  記号の意味は以下のとおりです。
  • Fas：Font Awesome Solid
  • Fad：Font Awesome Brand

sample

• このサイトのヘッダーに使っています。
  SocialIcon