キャリコ

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

  関連記事

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

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

1
お題に答える「 言えるかな? 」が面白い!キャリコも問題作ったよ!

47都道府県を全部言えませんでした、キャリコ( @calicocatxyz )で …

1
SNS 連携サービス「 Paper.li 」の登録方法。キャリコ新聞も創刊したよ!

ひょんなことから新聞を創刊したキャリコ( @calicocatxyz )です。 …

eye
スマホ用クリック課金型広告【 nend 】をブログに導入しました

nend 導入、キャリコ( @calicocatxyz )です。 もっとお金が欲 …

eye
コピペで OK!バイラルメディア風オリジナル SNS ボタンの設置方法

思っていた以上に上出来、キャリコ( @calicocatxyz )です。 Fac …

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

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

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

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

Google+ ページを作って Google+ バッジを設置しよう

今年はサッカーかぶれのキャリコ( @calicocatxyz )です。 本田選手 …

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

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

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

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