キャリコおすすめ
本日の人気記事
- 【 ドレッドヘアのお手入れ方法 】よく聞かれる7つの質問にお答えします
- 忍者 AdMax が Google AdSense よりも稼げる理由
- ソフトバンクの157で即オペレーターにつなぐ方法
- SimCity BuildIt(シムシティ ビルドイット)の美しい街の景観30選
- わずか1分28秒でハッキング可能!Wi-Fi 自動接続してるスマホは格好のカモ
- LAN ケーブルを変えるだけで通信速度が速くなるのは本当なのか?
- iPhone のテザリングでデスクトップパソコンをインターネットに接続する方法
- 次の13日の金曜日はいつ?2016年から20年先までの一覧
- ベッキーと川谷絵音の不倫騒動で LINE を流出させた方法
- 自分の誕生日に満月が見られるのは一生のうち何回か知ってる?
Web アイコン Font Awesome の最新版 Version 4.3.0 が公開
これを知った当初はフォントアウェサムと読んでいた、キャリコ( @calicocatxyz )です。
正しくはフォントオーサムと読みます。Retina ディスプレイで拡大・縮小しても美しいまま表示されるアイコンはキャリコでもお世話になっています。今回はその最新バージョンが公開されていたのでラテに紹介してもらいましょう。それじゃあよろしくね♪

こんにちは、ラテにゃ。
STINGER5 でも採用されている Font Awesome は本当に便利なアイコンにゃ。このフォントについてはキャリコでも過去に触れたことがあるにゃ。
今回は 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 |
新しく追加された40個の中から使えそうなアイコンは人によって違うと思うけど、キャリコは旅ブログも運営してるから bed、motorcycle、ship、subway、train、street-view なんかはよく使いそうにゃ。
アイコン型ウェブフォントの使い方
Version 4.2.0 が公開された時に使い方をまとめた記事があるにゃ。これを参考にクルクル回転させたり大きさを変えたり、アイディア次第では色んな可能性を秘めた使い方が出来るにゃ。
Font Awesome の最新版 Version 4.2.0 を導入したアイコン型ウェブフォントの使い方
ああああああああ、ULTRA JAPAN に行きたすぎるキャリコ( @calic …
calico.xyz
導入時にはヘッダーの記述を変更する
新しいバージョンのアイコンを使う時には、それに対応する記述がないと表示されないにゃ。方法は簡単で数字を書き換えるだけにゃ!
1 |
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> |
↓ これをこうするだけにゃ。
1 |
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> |
まとめ
Font Awesome の最新版 Version 4.3.0 が公開されたと言っても、たまたま使う機会があった時に気付いただけにゃ。今後も定期的に更新されると思うから、その時にはまた報告したいと思うにゃ。
今日はここまで、じゃあにゃ~
この記事が気に入ったら
いいね!しよう
キャリコの最新情報をお届けします
Twitter でキャリコをフォローしよう!
おすすめ記事
【キ】 アドセンス用336px
【キ】 アドセンス用336px
関連記事
-
-
キャリコでも導入!今さら聞けない pocket の登録方法と使い方
久しぶりにハングオーバー、キャリコ( @calicocatxyz )です。 飲ん …
-
-
Web アイコン Font Awesome の最新版 Version 4.4.0 が公開
良いタイミングで気付いた、キャリコ( @calicocatxyz )です。 半年 …
-
-
ロリポップに wordpress をインストールして STINGER5 をテーマにする手順
イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …
-
-
クリック率が250%増!nend の単価が低けりゃ CTR を増やせばいいじゃない♪
まずまずの結果、キャリコ( @calicocatxyz )です。 小学生のお小遣 …
-
-
スマホ用クリック課金型広告【 nend 】をブログに導入しました
nend 導入、キャリコ( @calicocatxyz )です。 もっとお金が欲 …
-
-
Google+ ページを作って Google+ バッジを設置しよう
今年はサッカーかぶれのキャリコ( @calicocatxyz )です。 本田選手 …
-
-
SNS 連携サービス「 Paper.li 」の登録方法。キャリコ新聞も創刊したよ!
ひょんなことから新聞を創刊したキャリコ( @calicocatxyz )です。 …
-
-
忍者 AdMax の年間平均クリック単価は62円?!
そんなバカな、キャリコ( @calicocatxyz )です。 実は忍者 AdM …
-
-
なければ作ればいい!アイコン型ウェブフォントが自作できる IcoMoon
イギリスで一人暮らしをするかもしれないキャリコ( @calicocatxyz ) …
-
-
軽いブラウザを比較した、おすすめの使い分け方法とは?
ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …