Font-Awesome on Hatena

これはイイ.


マークダウン記法について調べていたら,ステキなページを見つけた.

Font-Awesomeというステキなアイコンを利用する方法.

qiita.com

本家 (提供元) はこちら.

fortawesome.github.io

Hatenaで使うにはどうするかなー,と思ったら簡単だった.

初期設定


デザイン -> カスタマイズ -> ヘッダ -> タイトル下 に HTMLが記述できるので,Font-Awesomeの CSSをココで引っ張ってこさせる.

別にココでなくても良いかもしれないが,記事毎に設定しないで済むように共通フォーマットの箇所に埋め込んでおくことが重要.

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />

使い方は簡単


なら <i class="fa fa-thumbs-o-up" style="font-size:1em;"></i>と記述するだけ.

font-sizeでサイズ調整も可能.

フォントの種類に関しては本家ページ参照のこと.