Icons | Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
オリジナルツール / フォント一覧管理パネル「PI_FontList」完成(FW,FL,PS,AI) (PIXEL LAB)
※Light版を追加したので、エントリーを全体的にアップデートしてます(2010/04/14 )。 以下のエントリーのつづきです。 オリジナルツール / フォント一覧管理パネル 「PI_FontList(AI用)」を作りました。 前回はAI用だけリリースしましたが、今回は、以下のバージョンをリリースします。 機能限定、軽快動作のLight版も追加してます。 Fireworks CS4用 Flash CS4用 Photoshop CS4用 Illustrator CS4用 CS3の場合は、アプリごとに動いたり、動かなかったりして、検証が大変なので、CS4以上としています。 もうすぐ登場するであろうCS5については、当然、未検証です(たぶん、いけると思うけど)。 ■ScreenShot 通常版「PI_FontList」 Light版「PI_FontList_Light」 ■「PI_FontLi
ソーシャルアイコンをWebフォントで表示する方法を色々ご紹介
twitterやFacebookなどのソーシャルメディア関連のアイコンを表示しているサイトはよく見かけますが、そのほとんどは画像だと思います。 今回、Webフォントを使って表示する方法を紹介しますので参考になればと思います。 実物は別サーバーにアップしていますので、こちらでご確認ください。 今回はWeb Symbols typefaceさんのアイコンを使わせていただきました。 で、まず最初にアイコン形式のフォントを読み込む設定をします。 @font-face { font-family: 'WebSymbolsRegular'; src: url('websymbols-regular-webfont.eot'); src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('webs
画像の代わりに使えるアイコンタイプのWebフォントのまとめ
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
