Font Awesome5 の登場は楽しみだけど困った(爆)

Webアイコンフォントと言えば Font Awesome しかない(実際は他にもある(笑))くらいに有名で、弊ブログのテンプレートにも元々組み込まれております。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

ですから、それを知らないでもブログ画面にいくつもWebアイコンフォントが表示されているものです。 もちろん個別記事にも任意に表示することも出来ているんです。

今までのバージョンは 4 だったんですが 5 にバージョンアップになりました。

| Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!

筆者も昨年の9月頃から Font Awesome5 の登場を楽しみにしつつ『どう変わるんだろうねぇ?』なんて静観していた(笑)ところへ、我らがAkira先生が下記の記事を更新され、早速拝読したんですが \(><)/ギョ~! ってびっくりしてしまいました (^_^; アハハ…

そう、筆者の想定外のことが起きました (^_^; アハハ…

Font Awesomeのバージョンが5になりました【重要】 - webのあれこれ

無料アイコンサイトの雄 Font Awesome バージョンが4から5へアップすると共にサイトもレスポンシブデザインに刷新されています。 私のテンプレートでも利用させて頂いてます。ありがとうございます。...

バージョンアップとは言うものの、今までの利用方法とはガラリと違っていて、ブログテンプレートに組み込まれている先ほどの呪文(笑)を新しいものにすると、今までブログ内に表示されていたFont AwesomeのWebアイコンは全く表示されなくなってしまうだけでなく「表示させるための記述方法」まで変わってしまっているのです...

まぁ、その辺りのことは上記ブログカードをクリックしてAkira先生の記事を是非お読み下さい (^^ゞポリポリ

さぁ、筆者はどうするべきか、周りのみなさんの様子を(((‥ )( ‥)))キョロキョロと観察しつつしばし様子見にしましょうかね~(爆)

『 だったら旧バージョンと新バージョンの両方を表示出来るようにしたら良いんじゃなあい? 』 って思う人も居るでしょうね(笑)

もちろん、それは出来ない訳ではないんですけど、それをやってしまうとブログ表示にストレスを与える原因になってしまうので好ましくないんです (^^;; アセ

まだ新バージョンをこのブログテンプレートに組み込みはしませんが、とりあえずこの記事内でのバージョン5の表示状態を設定してみましたので下記をご参照下さい。 まぁ、この記事の意味がさっぱり理解出来ない人でも、視覚的参考にはなるでしょうから(笑)

[ HTML CSS Result のボタンはクリックして操作できます ]

See the Pen RQKBRg by Webテク倉庫 (@bottinn) on CodePen.

とりあえずのテスト表示ですから、Webアイコンフォントへの色付けをCSSで10進法だったり16進法だったりと意図的に変えて設定してみました。

追記: 2018/02/11
Akira先生の「Font Awesome5の使い方」が新たに更新がありましたのでご参照下さい。

Font Awesome5の使い方 - webのあれこれ

先回ちょっと間違った情報を書いてしまいましたので、改めて。 毎度のことですがweb一般情報ではなく「FC2で」「私が製作したテンプレートで」の括りがつきます。私の記事は基本的にそんな感じ (´・ω・`) (めんどうなので今回も Font Awesome を FA と略称します) ...

追記: 2018/04/28
ブログテンプレート「Axis」のアップデート(2018.3.21)によりFont Awesome5になりましたので問題なく利用出来るようになりました。


あなたのブログはモバイルフレンドリーですか?
Google モバイルフレンドリーテスト

あなたのブログ内分析はGTmetrixが強力です!
GTmetrix


検索からの方はトップページへもどうぞ

関連記事

Comments 4

There are no comments yet.

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/02/23 (Fri) 21:39 | EDIT | REPLY |   
ぼっちん

ぼっちん  

To 鍵コメさん

鍵コメさん、おはようございます ^^

うんうん(^-^) 直接鍵コメさんのブログにお返事させて戴きますね~ ^^

2018/02/24 (Sat) 08:53 | EDIT | REPLY |   

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/02/24 (Sat) 22:00 | EDIT | REPLY |   
ぼっちん

ぼっちん  

To 鍵コメさん

うんうん(^-^) 気がついてくれてありがとです~(笑)

では、お返事は鍵コメさんのところで~(笑)

2018/02/25 (Sun) 07:45 | EDIT | REPLY |   

Leave a reply