アカベコマイリ

HEAR NOTHING SEE NOTHING SAY NOTHING

Font Awesome 3 から 4 へ移行

このサイトではアイコン画像の代わりに Font Awesome バージョン 3 系を利用している。しかしいつの間にか 4 系がメインになっていた。公式ブログをみると 2013/6/4 時点でマイルストーンに言及していたようだ。

移行する場合、GitHub の Wiki にある Upgrading from 3.2.1 to 4 を読むに 3 と 4 間では CSS のクラス名に互換性がないため書き換えが必要とのこと。わりと面倒かも。バージョン 3 は併存するようで CDN も著名な Boostrap CDN だからしばらく 3 が打ち切られることもなさそう。

けれど現在 Font Awesome を参照する WordPress プラグインを開発中しており本ブログでも利用する予定がある。ならばいっそ新しいバージョンで統一してしまうのもよさそうだ。こういう機会がないとそうそう更新することもないだろうし。

というわけで Font Awesome 3 から 4 へ移行してみた。対象はサイトのトップ ページとブログのテーマ。ユーザーが体感できるような変化はないだろう。強いて言うなら CDN の参照先が変わったのでブラウザの当該キャッシュが更新されることぐらいだろうか。

開発しているプラグインというのは WP-Note をベースにした注釈を表示するためのもの。近日、公開予定。

WP-Note は特に問題なく利用できているのだけどアイコン画像が Retina 対応しておらず開発もずいぶん前に止まったままである。ならば fork してアイコンを Font Awesome 化してみよう。ついでに諸々のデザインやコードもいじって...という感じで作業している。

Copyright © 2009 - 2023 akabeko.me All Rights Reserved.