HTML,CSS WEBサービス

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

2017/05/31

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

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

HTML / CSS

結果

施工ポイント

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

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

↑ ここに載っています。

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

小説 君の名は。 (角川文庫)

小説 君の名は。 (角川文庫)

新海 誠

価格 : 600円

     

-HTML,CSS, WEBサービス
-, , , , , ,