はてなブログでは、どのブログでも以下のWEBフォントを読み込んでいます。 これは、選択したテーマに関係なく最初に読み込む「globalheader.css」によって読み込まれますので、簡単にこれらのアイコンは使えます。 下記のCSSをデザインCSSに追加するだけでこんなこともできます。 .hoge1:before { font-family: "blogicon"; content: "\f027"; } フォントファミリーを指定して、どのコードかを指定するだけで使えます。 (上記のはてブマークは、フォントサイズと色の指定も追加してますけど。) コード表を作ったのでアップします。 テーマRougeでは、さらにFont Awesome Iconsを追加で読み込んでいます。 数カ所しか使っていないのに、このフォントを読み込むのは、表示が遅くなる原因になりそうですが、デザインを優先してしまいまし
![はてなブログにおいて、アイコンWEBフォントを使う方法 - Wedges.bin](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ba5e94c1989bbe2681b3bb9832133f27da88518/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fw%2Fwedges%2F20150305%2F20150305133159.png)