キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Web アイコン Font Awesome の最新版 Version 4.3.0 が公開

   

Web アイコン Font Awesome の最新版 Version 4.3.0 が公開

これを知った当初はフォントアウェサムと読んでいた、キャリコ( @calicocatxyz )です。

正しくはフォントオーサムと読みます。Retina ディスプレイで拡大・縮小しても美しいまま表示されるアイコンはキャリコでもお世話になっています。今回はその最新バージョンが公開されていたのでラテに紹介してもらいましょう。それじゃあよろしくね♪

ラテ

こんにちは、ラテにゃ。

STINGER5 でも採用されている Font Awesome は本当に便利なアイコンにゃ。このフォントについてはキャリコでも過去に触れたことがあるにゃ。

これは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

HARIBO を買ったつもりが HALALBO でちょっとショック、キャリコ( …

calico.xyz

今回は Version 4.3.0 が公開となり新しく40個のアイコンが追加されたにゃ。どんなアイコンが追加されたのか見ていくにゃ!

Ads by Google

Version 4.3.0 で新しく追加された Web アイコン

Gender Icons を中心に40個追加

bed buysellads
cart-arrow-down cart-plus
connectdevelop dashcube
diamond facebook-official
forumbee heartbeat
leanpub mars
mars-double mars-stroke
mars-stroke-h mars-stroke-v
medium mercury
motorcycle neuter
pinterest-p sellsy
server ship
shirtsinbulk simplybuilt
skyatlas street-view
subway train
transgender transgender-alt
user-plus user-secret
user-times venus
venus-double venus-mars
viacoin whatsapp

新しく追加された40個の中から使えそうなアイコンは人によって違うと思うけど、キャリコは旅ブログも運営してるから bed、motorcycle、ship、subway、train、street-view なんかはよく使いそうにゃ。

アイコン型ウェブフォントの使い方

Version 4.2.0 が公開された時に使い方をまとめた記事があるにゃ。これを参考にクルクル回転させたり大きさを変えたり、アイディア次第では色んな可能性を秘めた使い方が出来るにゃ。

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

ああああああああ、ULTRA JAPAN に行きたすぎるキャリコ( @calic …

calico.xyz

導入時にはヘッダーの記述を変更する

新しいバージョンのアイコンを使う時には、それに対応する記述がないと表示されないにゃ。方法は簡単で数字を書き換えるだけにゃ!

↓ これをこうするだけにゃ。

まとめ

Font Awesome の最新版 Version 4.3.0 が公開されたと言っても、たまたま使う機会があった時に気付いただけにゃ。今後も定期的に更新されると思うから、その時にはまた報告したいと思うにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

  おすすめ記事

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法

週3でペペロンチーノを食べてるキャリコ( @calicocatxyz )です。 …

LINE が本気だしてきた!エイベックス、ソニーミュージック、サイバーエージェント、グリーなどと新会社設立

今日の Gunosy 朝刊で驚きのニュースを知ったキャリコ( @calicoca …

nend を1年間掲載してみてわかった平均クリック単価

nend は稼げない、キャリコです。 冒頭から夢のないことを言っちゃいますが… …

これでもアクセスが増えなかったらもう諦めよう!
これでもアクセスが増えなかったらもう諦めよう!

随分と大きく出たもんだ、キャリコ( @calicocatxyz )です。 Cla …

個人アカウントとどう使い分けてる?SNS との付き合い方
個人アカウントとどう使い分けてる?SNS との付き合い方

SNS とは付かず離れずの関係、キャリコ( @calicocatxyz )です。 …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax の年間平均クリック単価は62円?!

そんなバカな、キャリコ( @calicocatxyz )です。 実は忍者 AdM …

Feedly のフォローボタンを設置してブログの購読者を増やそう

Avicii にメロメロ、キャリコ( @calicocatxyz )です。 彼の …

FC2 ブログから各ブログサービスへ移転する方法のまとめ

ブログやるなら独自ドメインが最強だと思ってるキャリコ( @calicocatxy …

キャリコでも導入!今さら聞けない pocket の登録方法と使い方

久しぶりにハングオーバー、キャリコ( @calicocatxyz )です。 飲ん …

Twitter のフォローボタンとタイムラインプラグインを設置しよう

退院したはいいものの、2kg も太ったキャリコ( @calicocatxyz ) …