webフォント=クラウドフォント 覚書

イヤハヤ、昨日の「言葉のデザイン2010」のUstで「クラウドフォント」という言い方を聞いて
かっこいいな!!とエントリんぐ
Web上で参照出来るフォント(フォントファイル自体をサーバに上げて表示)についてのまとめです。
いいのがあれば随時追加していきます。もう少し日本語フォントが増えるとわっしょいですよね。

ただ、めったやたらに使うよりも、見出しや飾り部分に使う方が
レンダリング時間的にも今の時点では良いようです。

Google Font API
f:id:haza_nk:20100605003304g:image

・font見本→ http://code.google.com/webfonts (fontクリックで大きさ別の詳細見れます)
・使い方 →http://code.google.com/apis/webfonts/docs/getting_started.html CSSリンクするだけ
・参考 →http://www.yasuhisa.com/could/article/google-font-api/ (尊敬する長谷川さんのサイト記事です)

◆(2011.6.28追記)Google Fontを一覧参照して、タグも所得できる便利ツールを見つけました。便利~
Font comparer http://www.fontcomparer.com/

Fonts.com Web Fonts (β版・現時点では無料)http://webfonts.fonts.com/

・指定の仕方→ http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20370308,00.htm
・紹介記事→ http://blog.petitboys.com/archives/fontscom-web-fonts.html

↓少しですが、日本語もいけるようです
f:id:haza_nk:20100605003015g:image

■Typekit (トライアル版は右下に広告?)http://typekit.com/
・Youtube使い方→ http://www.youtube.com/watch?v=7EGKgrtgHeU&feature=channel

■デコもじ 日本語のウェブフォント(一部無料・商用不可←残念…)http://decomoji.jp/
・紹介記事→http://gigazine.net/index.php?/news/comments/20100510_decomoji/

■Font Me Up http://fontmeup.com/
■Fontspring 書体ごとに買取(OpenType形式) http://www.fontspring.com/
■Web Type (Ascender) 書体ごとに課金 http://www.ascenderfonts.com/webfonts/
■Typotheque 書体ごとに課金 http://www.typotheque.com/webfonts

まだライセンスの問題等があるようで、新しいフォントフォーマット形式のWOFF(Web Open Font Format)が提唱されたりと流動的なようです。

参考記事→ウェブで任意の書体を使う方法まとめ http://blog.petitboys.com/archives/webfonts-overview.html