Webフォントのアイコンバージョンみたいなやつです。
アイコンだけど画像ではなく、フォントで出来ているから文字装飾のタグやCSSで手軽に大きさや色を変えられるのがメリット。
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> |
これでアイコンフォントの読み込みは完了。
次に
Font Awesome Iconsのページを開きます。
http://fontawesome.io/icons/
一覧から使いたいアイコンを選択してクリックします。
クリックすると下の方にアイコンを表示させるためのタグが発行されますので、そのままコピーして使いたい所に貼り付ければ完成です。
PR