【webデザイン】コピペするだけ！サイドバーやエントリーのタイトル横にアイコンを表示させる方法 - えむしとえむふじんがあらわれた
こんにちは、えむしです。 今回は、記事やエントリーのタイトルの横にちょっとしたアイコンをつけるカスタマイズをしてみようと思います。 付けてる人も多いと思いますが、なにも付けていない方はちょっとしたアクセントに如何でしょう？ ただ今サイトの模様替え中です。 以下のサイトを参考にさせていただきました。 ありがとうございます。 hapisupu.com 先ずはfontawesome 次にcss アイコンをデフォルトの物から変更する 応用 先ずはfontawesome さくっとやり方を。 タイトル下にfontawesomeを呼び出し。 場所は「デザイン」→「カスタマイズ」→「ヘッダー」→「タイトル下」です。 ここをクリックして 以下を一番上にコピペ。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/
はてなブログで使えるアイコンWebフォントの一覧と使い方まとめ - しろかい！
はてなブログでは，デフォルトで読み込まれるCSS「globalheader.css」で，79種類のアイコンWebフォントを読み込んでいます．これらのアイコンで間に合うのならわざわざ「Font Awesome」を読み込む必要もなく，ページの軽量化が期待できます．そこで，本記事では，それらのアイコンの一覧と使い方をまとめました． はてなブログのアイコンWebフォント一覧 とりあえず，どんなアイコンが使えるのか見てみましょう． よく使いそうなアイコンはひと通り揃ってそうな気がしますね！ しろかい！でも，一部のソーシャルメディアのアイコンを除き，基本的にはこのWebフォントしか使用していません．Font Awesomeは一切使用していません． では，使い方を見ていきます． 使い方その1：<i>タグを使う アイコンを表示したい部分に，以下のように記述すればOKです． <i class="(使用したい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
