ITCFonts.com
Font Management & Subscription Monotype Fonts is the only on-demand font service designed by creatives, for creatives — making it easier than ever to find, manage and share the world’s best typography. With the largest collection of award-winning type as well as access to the world’s most sought after foundries and type designers, Monotype Fonts enables creative professionals to spend less time on
localFont - Web FontをlocalStorageを使ってキャッシュ MOONGIFT
Web Fontを使うとこれまで画像で作っていたロゴのようなものをテキストで表現できたり、さらにアイコンフォントのように大きさや色を自由に決められるアイコンが使えるようになります。 問題点としては画像一つに比べるとデータ量が多く、サイズが大きくなってしまうことでしょう。そこで使ってみたいのがlocalFontです。 localFontの使い方 こちらがメインページです。woff/woff2/ttfフォントをドロップします。 そうするとスタイルシートとJavaScriptでの設定が表示されます。 複数指定も可能です。 localFontはlocalStorageを使ってWeb Fontのデータをキャッシュするためのコードを表示します。localStorageは5MBまでの制限はありますが、キャッシュよりも効率的、高速な表示が期待できます。Web Fontを使っているならばlocalFontを
Plumin.js·Web Fontを動的に生成するJavaScriptライブラリ MOONGIFT
最近はWebフォントが人気です。アイコンのように使ったり、ロゴのように使うこともできます。しかし基本的にWebフォントはTrueType Fontなどのファイルを用意しておいて使われているでしょう。 もっとWeb Fontをダイナミックにプログラマブルに扱おうというソフトウェアがPlumin.jsです。動的にWeb Fontを作成できるソフトウェアです。 Plumin.jsの使い方 こちらは実行前。 実行後。a/i/oが変わっています。 文字の太さを動的に変更することもできます。 ちょっと太く。 さらに太く。 使い方としてはこんな感じです。 var font = new p.Font({ familyName: 'Demo', ascender: 800, descender: -100 }), a = new p.Glyph({ name: 'a', unicode: 'a', adva
ナウでヤングな CSS Font Loading - Qiita
Web フォントがレンダリングされるタイミングを得ようとすると、そのやんちゃな挙動を制御するため人類は今まで下記のような対策をしてきた。 Web FontsをHTML Canvasで使う canvas要素にwebフォントを確実に描画する方法 typekit/webfontloader 無知な僕は同様の事象にハマり、一通り調べた後、下記の答えにたどり着いた。 canvas に WebFont を指定するとき、一回どこかの DOM で使う WebFont をレンダリングしておかないと死に至る現象を発見したので皆様もお気を付けください — ダメレオン (@damele0n) April 10, 2014 要するに DOM もしくは canvas 上で、そのフォントが指定されていて一度そのフォントがレンダリングされてからでないと canvas 上はレンダリングされない、ということだ。 (ちなみに
一攫千金！宝くじ以外で人生一発逆転する方法。
一攫千金を宝くじ以外で実現するには・・・よく紹介されている以下の方法のほとんどは、実は一獲千金には程遠いものです。 アフィリエイト → 個人が大きく稼げたのはアフィリエイトが広く普及する前の話。今は潤沢な資金のある法人・企業アフィリエイターが美味しいところを持って行っており、個人の新参者はニッチ市場を攻めるしかありません。しかし個人間の競争も年々激しくなっており、楽に大金を得るという意味である一攫千金の仕事とは言い難いです。この界隈では「ブログアフィリエイトは稼げる！」と謳って、情報弱者に役に立たないノウハウを売りつけるカモリエイターが跋扈していますが、彼らの稼ぎも昔に比べると減少傾向にあります。 情報販売 → 過去に詐欺まがいの商品が横行し、ユーザー離れで市場規模が縮小。現在は商品の低価格化も進み、一攫千金は至難の業です。 せどり・転売・輸出入ビジネス → 特別なスキルがなくても始めやす
Web Fontの新しい使い方！US地図をWeb Font/CSSで表現·Stately MOONGIFT
StatelyはWeb Font/CSSを使ってUS地図を表示するソフトウェアです。 地図（ここではUS）をWeb上に描こうと思った場合、SVGを使ったり画像を使うのが一般的です。しかし今回は一風変わったやり方、Web Fontを使ったStatelyを紹介します。 デモです。このアメリカの地図がフォントで作られています。 一部を見ると、ハイライト設定されているのが分かります。 フォントビューワーで見た所。州の形ごとに作られているのが分かります。 StatelyはWeb Fontとスタイルシートで指定されているので色を変更するのがとても簡単です。それも州の略である二文字で指定できます。マウスオーバーなどのアクションを付けるのも簡単でしょう。デメリットとしては厳密に計算された場所に配置されているので、フォントの大きさを変更したりすると一気に崩れる可能性があることです。 StatelyはWeb
[webサービス]2012年6月リリースされた(話題になった)webコンテンツまとめ
細かい性質などは気にせず、webで完結する、遊びやコミュニケーション、便利なサービス、ツールなどを集めています。必ずしもwebcre8自身が使える、と思ったものとは限りませんが、まずはこうして存在を知ってもらうこと、webcre8自身の学習のためまとめています。基本的に日本語で利用できるもの限定です。iphoneアプリ等のモバイル端末専用サービスは今のところチェックから外しています。 2012年6月のwebサービス総括 …見間違いじゃないですよ？『6月』です！ すみません、まとめをサボっていました。本来ならひと月前に書いているべき記事を今更書かせて頂きます。そしてすぐに7月分のまとめも書きますので安心してください！ さ、前置きはいいとして早速紹介に入りましょう★
![[webサービス]2012年6月リリースされた(話題になった)webコンテンツまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/59fc4b8cf1c794158aa358a703d709cadeff33bf/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Feyecatch-collection-150x150.png)
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなんかも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自分用のWebフォントでアイコンを作る - 結城浩のブログ
新着記事
Webフォントとして使えるピクトグラムアイコンセット「MFG Labs icon set」:phpspot開発日誌