読者です 読者をやめる 読者になる 読者になる

Knowledge

オープンソースで情報共有のサービス「Knowledge」を作っています。ブログでは、サービスの説明や開発で得た情報などを書いていきます。https://information-knowledge.support-project.org

非常に多くのアイコンが用意されています - 「font awesome」

webのアイコン

  • Knowledgeのアイコンは font awesomeで表示しています
  • かなり有名なので、知ってる人が多いと思いますが、今日はfont awesomeを紹介しようと思います

font awesomeって

  • いろんなアイコンが使えるアイコン集です
  • web siteは以下になります

fortawesome.github.io

利用方法

  • bowerなどでfont awesomeを取得し、スタイルを読み込んでください
<link rel="stylesheet" href="bower/font-awesome/css/font-awesome.min.css" />
  • <i class="fa fa-fire"></i> のように指定すれば、アイコンが表示されます

おわりに

  • 簡単に、多くのアイコンが手に入るなんて、良い時代になったものですね