こんな感じです。
新規
開く
保存
削除
テキストのみの場合と比べて見栄えがぐっとよくなりますよね。
使い方は、
まず
Font Awesomeの公式サイトから一式ダウンロードします。
ダウンロードしたらzipを解凍してサーバーにアップします。
あとは、ページでCSSをロードするだけ。
|
1 |
<link rel="stylesheet" href="アップした場所/font-awesome/css/font-awesome.min.css"/> |
（フォルダ名のバージョンは削除しています）
上の4つのアイコンは、以下のように記述すれば表示できます。
|
1 2 3 4 |
<i class="fa fa-plus"></i> 新規 <i class="fa fa-folder-open-o"></i> 開く <i class="fa fa-floppy-o"></i> 保存 <i class="fa fa-trash-o"></i> 削除 |
簡単ですよね。
とてもたくさんのアイコンが用意されていて、
こちらで探すことができます。