Font Awesomeのアイコン（WEBフォント）をフォームのボタンに使用する方法

WEBアイコンフォントで有名な「font-awesome」のアイコンを、をフォームのボタンに使用する方法を備忘録としてポストします。

CSS と UNICODE (ユニコード)を使う

HTML / CSS

[html]

[/html]

[css]
.sample-back-btn {
font-family: FontAwesome;
}
[/css]

結果

施工ポイント

ボタンの value に「」の様なコードを記述する事でアイコンを表示するのですが、これは使いたいアイコンフォントの詳細画面に書かれている UNICODE (ユニコード)です。

&# に続けて x、そして指定のコードを記述という形となります。

↑ ここに載っています。

なお、コードの一覧はこちらのページから確認することが可能です。

-HTML,CSS, WEBサービス
-css, font, font-awesome, icon, WEB制作, アイコン, フォント