10日 8月 2015

    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; を挟めば削除されません。

    カテゴリ： webフォント, font-awesome