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″>&nbsp;</i> と、間に &nbsp; を挟めば削除されません。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です