最近、ドラクエ1の容量が64KBだったことに驚きを隠せないStanthorpe()です
livedoor blogでも外部ファイルを読み込めば、アイコンフォントを使うことができます。
アイコンフォントって何？
アイコンフォントとは、簡単に言えば、ブログなどで使うことのできるテキスト型の絵文字です。これが、とても便利なのです！
軽量で、色を変えたり、サイズを大きくしても劣化しないのが魅力です。
そんなアイコンフォントは、livedoor blogでも使えてしまいます。
↑アイコンフォント
使ってみよう
アイコンフォントはウェブ上に様々公開されていますが、今回は、font awesomeというフォントを使います。ちなみに、font awesomeでは、現時点で、585種類ものアイコンフォントを使用することができます。
1. 外部CSSを取得する
font awesomeを使用するには、CSSファイルを取得する必要があります。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
HTMLファイルは、ブログ設定 → PC → カスタマイズ → HTMLファイルとたどれば編集することが可能です。
2. アイコンフォントを呼び出す
CSSを取得したら、使いたいアイコンを呼び出します。
http://fortawesome.github.io/Font-Awesome/icons/
上記のアイコンページからアイコンを選択します。
アイコンを選択したら下のようなページに移動します。
この記述をコピーし、ブログ記事のHTML編集画面でアイコンフォントを使いたい位置に貼りつけます。
以上で完了です。できたでしょうか？
ちなみに、アイコンフォントは、ブログ編集画面では、表示されないので、プレビューでちゃんと貼付けられているか確認してくださいね♪
スポンサーリンク
コメント
コメント一覧 (6)
法人用テンプレート2というテンプレートの記事表示を
（たとえばトップに10記事表示するとすれば上の4記事だけモザイクブロックというテンプレートのような記事表示、その他の記事はそのまま）のようにしたいと思うのですがやり方をご存知でしたら教えていただけないでしょうか？
よろしくお願いします。
ちなみにCSSはお詳しいですか？
1~4記事のみにchild属性を適用させたCSSを書けば、実現できるかと思います。
こちらで時間のある時に挑戦してみて、カスタマイズ方法を記事にしてみたいと思います。