Font Awesomeのメモ
本当にメモです。
Font Awesome
Font AwesomeThe world窶冱 most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com


さまざまなアイコンをWebフォントとして使う事の出来る仕組みで、個人利用・商用利用がOKなので安心。
使い方(ざっくり)
まずスタイルシートを読み込んで、
<link rel="stylesheet" href="/url-to-css/font-awesome.min.css">
表示したいところに以下のように記述。
<span class="fa fa-inbox"></span>
すると、その場所にアイコンが表示されます。
指定した、"fa-inbox"
がアイコンの名前になりますが、無料で使えるアイコンだけでもかなりの数が使えます。
チートシートで確認してみてください。
Cheatsheet | Font AwesomeNeed the glyph, name, or unicode value of a Font Awesome icon? Use this cheatsheet for quick copying and pasting.
fontawesome.com


inboxはこんなアイコンです。
デザインツールで使う時などはローカルにフォントをインストールすることも出来ます。
この辺はまたの機会に。
Sponsored Link