はてなブログでは,デフォルトで読み込まれるCSS「globalheader.css」で,79種類のアイコンWebフォントを読み込んでいます.これらのアイコンで間に合うのならわざわざ「Font Awesome」を読み込む必要もなく,ページの軽量化が期待できます.そこで,本記事では,それらのアイコンの一覧と使い方をまとめました. はてなブログのアイコンWebフォント一覧 とりあえず,どんなアイコンが使えるのか見てみましょう. よく使いそうなアイコンはひと通り揃ってそうな気がしますね! しろかい!でも,一部のソーシャルメディアのアイコンを除き,基本的にはこのWebフォントしか使用していません.Font Awesomeは一切使用していません. では,使い方を見ていきます. 使い方その1:<i>タグを使う アイコンを表示したい部分に,以下のように記述すればOKです. <i class="(使用したい
![はてなブログで使えるアイコンWebフォントの一覧と使い方まとめ - しろかい!](https://cdn-ak-scissors.b.st-hatena.com/image/square/c95caeb7b5aae9df1d0ff85a008dfda4d9e79a72/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fshun9167%2F20150531%2F20150531154428.png)