ゆうすけメモ ~なついろ~

何の変哲もない日常を綴っていくメモ帳です。WordPress、iPhone、食べ物のことが多くなってます。

アイコン型Webフォント『Font Awesome』が使えないと思ったらバージョンが違った

      2015/07/16

便利なアイコン型Webフォント

クリックすると新しいタブを開く時に、利用者に分かり易いように、アイコン型Webフォントというものを使って表示するといいということをこのStinger5を導入した時に知り、『』を使っていました。
Stinger5は「Font Awesome」というのが最初から使えるコードが入っているらしいので、「Font Awesome」のサイトから、コードをもらって貼り付けていました。

 Font Awesome

しかし、この『』は表示されるのですが他の文字は表示されなくて、分からないので使っていませんでした。

謎が解明!バージョンを書き換えるだけの簡単なお仕事!

特に調べていた訳ではないのですが、いつも参考にさせていただいているキャリコさんのところで、その謎が解明されました!
ありがとうございます!

参考サイト
Font Awesome の最新版 Version 4.2.0 を導入したアイコン型ウェブフォントの使い方

なるほどー!

『header.php』に記載されている記述を、Font Awesomeの最新のバージョンに合わせればできるのか!
キャリコさんの記事は4.2.0でしたが、現在は4.3.0でしたので、それに書き換えたら見事に表示されました。

どこで使えるか分かりませんが、例えばこんなのとか『』、こんなの『

更に大きさを変えたり、回転したり色々できるみたい。

今度時間のある時に、これが簡単に使えるプラグインを導入して使ってみよう。

 - WordPress