Home » Posts tagged "簡単アイコン"
今ではアイコンの定番!「Fort Awesome Icons」の使い方

今ではアイコンの定番!「Fort Awesome Icons」の使い方 »

14 10月, 2015
開発者ブログ

Fort Awesome Icons」は585アイコン(2015年10月8日現在)をサポートしているフォントアイコンです。 従来の画像(imgタグ)で表示するアイコンとは違い、フォントCSSのclassで表示きます。

MaxCDNでも配信されているようなので、ちょっと使ってみたいと思います。 まずは、<head>タグの中で下記のCSSを見込みます。

参照:「Fort Awesome Icons」の使い方

トップページからダウンロードした方は、下記のようにCSSを読み込みます。

書き方はとっても簡単。 下記にアイコン一覧を紹介しているページがありますので、選んだアイコンをクリックしてみてください。

参照:アイコン一覧はこちらから すると、コードの書き方が掲載されています。