キャリコ

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

  おすすめ記事

  関連記事

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

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

軽いブラウザを比較した、おすすめの使い分け方法とは?
軽いブラウザを比較した、おすすめの使い分け方法とは?

ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …

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

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

ロリポップに wordpress をインストールして STINGER5 をテーマにする手順

イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax が Google AdSense よりも稼げる理由

忍者 AdMax をブログに導入、キャリコ( @calicocatxyz )です …

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

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

WordPress で「 下書きを保存しています… 」が永遠に終わらない原因はロリポップの WAF だった

STINGER5 以外のテーマを扱ってみたキャリコ( @calicocatxyz …

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

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

ロリポップの FTP で2つ目の独自ドメインを設定する方法

イギリスのリーズに滞在中のキャリコ( @calicocatxyz )です。 東京 …

アクセスアップには Twitter を極めるのが近道な理由とメリット
アクセスアップには Twitter を極めるのが近道な理由

時間差で読書の秋が訪れてるキャリコ( @calicocatxyz )です。 外気 …