アイコンWebフォントの「Font Awsome」
アイコンを作成したり、
素材を探すのは、結構面倒だったりする。
そんな時に、重宝するのがこの「Font Awsome」。
種類は多いので用途に合わせて選べるので、
自分がよく使いそうなものを探しておくと良い。
ちなみに、「awesome」って「素晴らしい」や「最高」や「すごい」というような意味らしい。
cssを使う方法はこちら。
.element { position: relative; } /*replace the content value with the corresponding value from the list below*/ .element:before { content: "f000"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #000; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; }