jimdo に font-awesome を入れる

font-awesome とは、Webフォントと呼ばれるもので、画像を用意しなくてもアイコン風なイメージが使える。

使い方は、font-awseome のスタイルシートを読込んで、Webフォントを表示したい箇所で i タグを記述する。

アイコンも多数用意されているので、たいていのことはこれだけでできる。

なので、設定するには管理者でログインして

[ 設定] → ホームページブロックのヘッダー部分を編集 → ホームページ全体のタブをクリック → <head> の変更に

(※ font-awesome のバージョンについては適宜修正して下さい。)

を追記する。

注意：

jimdo の仕様だと思うけれど、<i class=”fa fa-html5″></i> の様に空で記述すると、jimdo のエディタで勝手に i タグが削除されてしまう。

その場合は、<i class=”fa fa-html5″> </i> と、間に   を挟めば削除されません。