Plugin/FontAwesome

Plugin FontAwesome

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

プラグインの活用方法

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

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

  　
  
  

アイコンにリンクを設定するには

• 以下のようにリダイレクトを設定して下さい。

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

  　 　 　← Click!
  
  

利用できるアイコン

• 以下のサイトでアイコンのクラス名を確認できます。
  • https://fontawesome.com/v5/search?q=list&o=r&m=free v.5.15.4

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

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

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

  &fontawesome(fas fa-home);

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

利用例

• このサイトのヘッダー、フッターのアイコン表示に使っています。
  SocialIcons