スポンサーリンク

スポンサーリンク

ブログ

旧バージョンのFont Awesomeも使ってみた!

更新日:

前回Font Awesomeを使ってみました。
その時に導入したのは、最新バージョンの『Font Awesome5』です。

最新バージョンのFont Awesome5を入れてみたら…WordPressのテーマ(Stinger Plus2)で使われていたソーシャルボタンのアイコンが表示されなくなってしまいました(^^;)

 
ソーシャルボタンのアイコンは旧バージョンのFont Awesomeが使われていたので、私が最新バージョンのFont Awesomeを表示させるためのコードをHEAD間に入れてしまったために表示されなくなってしまったようです。
そしてソーシャルボタンのアイコンを表示させるために旧バージョンのコードをHEAD間に入れてみたら表示されるようになりました。

詳しくは前回の記事に追加してありますので参考にしてください。

最新バージョンの使い方(導入方法)などは上記記事に『参考にさせてもらった記事』のリンクがありますのでそちらを参考にしてください。

 
思いがけず旧バージョンのコードを入れることになったので、これで旧バージョンのFont Awesome(バージョン4.7.0)が使えるようになりました!

きらり
最新バージョンも使えるんでしょ!?旧バージョンは使わなくてもいいんじゃない!?
結耶
私もそう思ってたんだけど…アイコンがちょっと違うみたいなんだよね

 

スポンサーリンク

 

 
 

最新バージョンと旧バージョンのアイコンが違う!?

詳しく比較はしていないのですが、最新バージョンと旧バージョンではアイコンがちょっと違ういうです。
例えば…

アイコンの違い
・・・バージョン 4.7.0
・・・バージョン 5.0.0

 
私が比較的よく使うチェックボックスのアイコンです。ちょっと違いますよね!?
私の好みは旧バージョンのチェックボックスです。でもこのチェックボックスは最新バージョンの5.0.0にはないんです。

 
 

旧バージョン4.7.0を使うには

旧バージョン4.7.0のアイコンを使うには4.7.0のアイコン一覧をみなくてはいけません。

まずはFont Awesomeに移動します。

 
最新バージョン5.0.0が表示されるので下にスクロールして、フッターの左側に『Old Version4.7』をクリックしてください。

するとこのようなページが表示されるので、上部メニューの『Icon』をクリックすると4.7.0のアイコン一覧が表示されまず、

2018年8月10日 追記

表示されない場合は以下をクリック

 
 

最後に

Font Awesomeは画像ではなくアイコンフォントです。
CSSを使って大きさや色も変えられます。
画像ではないのでサーバーを圧迫することもありませんし、使いやすいので記事の装飾に役立つと思います

たくさんのアイコンがありますので使うと記事を書くのが楽しくなりますよ!

またFont AwesomeにはPro版もあります。Pro版は有ですが、使えるアイコンの数が増えます。

 

スポンサーリンク

 

ブログランキング
      ブログランキング・にほんブログ村へ
Blog People ⇒

お問い合わせはこちら Contact

 

おすすめ

おすすめ

-ブログ

Scroll Up

Copyright© きらり☆彡 , 2018 All Rights Reserved Powered by STINGER.