hatenaとはてブロに関するshun9167のブックマーク (1)

  • はてなブログにおいて、アイコンWEBフォントを使う方法 - Wedges.bin

    はてなブログでは、どのブログでも以下のWEBフォントを読み込んでいます。 これは、選択したテーマに関係なく最初に読み込む「globalheader.css」によって読み込まれますので、簡単にこれらのアイコンは使えます。 下記のCSSをデザインCSSに追加するだけでこんなこともできます。 .hoge1:before { font-family: "blogicon"; content: "\f027"; } フォントファミリーを指定して、どのコードかを指定するだけで使えます。 (上記のはてブマークは、フォントサイズと色の指定も追加してますけど。) コード表を作ったのでアップします。 テーマRougeでは、さらにFont Awesome Iconsを追加で読み込んでいます。 数カ所しか使っていないのに、このフォントを読み込むのは、表示が遅くなる原因になりそうですが、デザインを優先してしまいまし

    はてなブログにおいて、アイコンWEBフォントを使う方法 - Wedges.bin
    shun9167
    shun9167 2015/05/31
    これ意外と知られていないんじゃないでしょうか?公式にも説明なかったはずですし. はてなブログにおいて、アイコンWEBフォントを使う方法 - Wedges.bin
  • 1