よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
無料で120種類以上のピクトグラムが使用できるフォント＆EPSファイル「Entypo」
電話やペン、メール、人物などのピクトグラム120種類以上が無料で使用できるフォント＆EPSファイル「Entypo」が、http://www.entypo.com/で公開されています。 Entypo - 100+ carefully crafted pictograms http://www.entypo.com/ サイト中央の「Vector EPS files」、および「OpenType Font」と書かれたボタンを押すとZIPファイルがダウンロードできます。なお、いずれのボタンでもダウンロードされるファイルは同じ。将来はWebフォントにも対応する予定があるようです。 フォントファイルの中身はこんな感じ。 EPSファイル内にはこのように120種類以上のピクトグラムが収録されています。 なお、配布ライセンスは「CreativeCommons Attribution-ShareAlike 3.
商用OKで、Webフォントにも使用可能な、シンプルで汎用的なアイコンタイプのフリーフォント・Modern Pictograms - かちびと. net
ここ最近、この手のフォントがかなり増えてき ましたが、こちらも良い感じでしたのでご紹介。 Webフォントにも使用できる、アイコンフォント です。シンプルで汎用的なのでなかなか使い 易いのではないかなと思いました。セマンティ ック的側面では反対の声も見かけますけど。。 こういう、アイコンタイプのフォントもかなり目立ち始めましたね。以前、同じくWebフォントに使えるWeb Symbols typefaceというフォントをご紹介しました。また、先日公開されたソーシャルメディアアイコンのフォント・Socialicoも素敵でした。※Webフォントに使えるかは調べてません。 今日ご紹介するModern Pictogramsも汎用的なデザインで、Webフォントにも利用可能です。 シンプルで使いやすい感じです。Webフォントにも使用できますので、CSS3と合わせてスマートフォンアプリで応用したり、管理画面
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなんかも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
