wpで 「Font Awesome」 を使う

Font Awesome:アイコン型ウェブフォント

  • wpのheader.php に下記記述する。
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  • fa-pencil-square 使用する場合

f:id:okayu12:20150210010433p:plain

  • 使用するクラス名

 fa-lg( 約1,33倍 )
 fa-2x( 2倍 )
 fa-3x( 3倍 )
 fa-4x( 4倍 )
 fa-5x( 5倍 )



f:id:okayu12:20150210010535p:plain

<p class="contact"><i class="fa fa-pencil-square fa-lg"></i>&nbsp;お問い合わせフォーム</p>
p.contact{
font-size:23px;
color: #55acee;
font-weight:bold;
}

i.fa-lg { 
color: #55acee;
}