海外のWebフォントサービスまとめ【追加】

2010.08.20 – 13:50

海外のWebフォントサービスまとめ【追加】

海外を中心に続々と登場しているWebフォントサービスをまとめてみました。ほとんどのサービスには無料で試せるフリートライアルプランが用意されていますので、事前に使ってみるのがよいでしょう。
→ SafariやFirefoxも正式対応！CSS3のWebフォント(Webfonts)とは何か

競争の激しい分野であるため、サービス内容や料金、参加ファウンダリ、対応ブラウザなどは都度都度変更があります。最新情報は公式サイトにて確認をしてください。

2011/10/17 … 各サービスのiPhone/iPad (Mobile Safari)の対応状況を更新
2010/11/24 … 各サービスのiPhone/iPad (Mobile Safari)の対応状況を更新
2010/09/22 … 3. Fonts.com Web Fontsに有料プランの情報を追加
2010/09/22 … 1. Typekitに対応ブラウザ情報を追加
2010/08/20 … 14. Webtypeを新規追加
2010/08/20 … 12. WebINKが正式サービスイン
2010/07/09 … 1. TypekitがOpera 10.6をサポート
2010/06/11 … 13. Just Another Foundryを追加
2010/06/11 … 12. WebINKの対応ブラウザを追加
2010/06/02 … 11. Fonts Liveと12. WebINKを新規追加
2010/06/02 … 9. Fontdeckの詳細を追加
2010/05/20 … 10. Google Font APIを追加
2010/05/17 … 6. TypeFrontがiPhone (SVG形式)に対応

1. Typekit

http://typekit.com/
クラウド型Webフォントサービス^*の代表的存在。非常に使いやすい管理画面を備えているのが特徴。参加ファンダリにはAdobeやFontFont、Underware、P22、T.26、Veerなど個性的なファンダリが多く名を連ね、TwitterやThe New York Times、GIZMODO、Last.fmなど有名サイトが採用しているという実績もあります。またAndroidやChrome6のWOFFにも対応。なおトライアル版には右下にバッヂが強制表示されます。元々Adobeのフォントが使えましたが、2011年秋にAdobe社によって正式に買収されました。

2. Fontspring

http://www.fontspring.com/
Typekitとはライバル関係にあるのがFontspring。他と大きく違うのはクラウド型ではなく、あくまで買取式であるため、設置に関しては用意されているキットを用いて自分で行う必要があります。その利点として購入したフォントは、Webフォントとしてだけではなく紙媒体などにも使うことができます（OpenType形式）。

Fontspring

3. Fonts.com Web Fonts

http://webfonts.fonts.com/
歴史がある有名書体を数多く取り扱うLinotype、Monotype、ITCが参加しているのが最大の特長。そのためFrutigerやDIN、Universなど紙媒体での定番書体を使うことができます。管理画面は非常にシンプルで使いやすいです。長いβ版を経て有料プランが発表になりました。引き続き無料プランも継続されますが、2011年よりバッヂが強制表示されるようになりました。またプランによってはデスクトップアプリケーションで使えるフォントも。
→ Webフォントサービス Fonts.com Web Fonts β版が運用開始

Fonts.com Web Fonts

4. Web Type (Ascender)

http://www.ascenderfonts.com/webfonts/
Microsoft系フォントを数多く取り扱う裏方親分的存在なAscenderのWebフォントサービス。WindowsやOfficeに収録されているArial、News Gothic、Calibriなどが使えます。クラウド型ですが書体ごとに課金される仕組みとなっています。

5. Typotheque

http://www.typotheque.com/webfonts/
オンラインフォントショップのTypothequeのWebフォントサービス。クラウド型ですが、一覧から選ぶのではなく書体ごとに課金される仕組みとなっています。Javascriptを使わない点も特長の1つ。料金体系は主に2種類、Full Licenceであれば紙媒体などに使うこともできる一方、Web LicenceはWebフォントのみの利用限定で、Full Licenceの20%の料金です。

6. TypeFront

http://typefront.com/
オーストラリアのWebフォントサービス。他と大きく違うのは、あくまでWebフォントのツールを提供するのみということ。自身でフォントデータをアップロードすると、TypeFrontのサーバにアップされCSSが自動生成されるので、ドメインを登録すれば完了。また開発者向けにAPIも提供されています。料金はオーストラリアドルということと、アップロードするフォントのライセンス関係は自身の責任になる点に注意。

TypeFront

7. Kernest

http://kernest.com/
クラウド型ですが、一覧からまとめてではなく書体ごとに課金される仕組みとなっています。Javascriptを使わず、Kernest内の外部CSSを読み込んで使うのが特長。管理画面など全体のユーザーインターフェイスが少々使いづらいのが難点。

Kernest

8. Font Me Up

http://fontmeup.com/
大御所ファウンダリこと参加していないものの、フリーフォント系が多く集まっているのが特長なクラウド型サービス。対応ブラウザも豊富でiPhoneにもいち早く対応しました。

Font Me Up

9. Fontdeck

http://fontdeck.com/
ClearleftとOmniTIによる後手のWebフォントサービス。サービス内容は他とほぼ同等のクラウド型サービスですが、CSSのIDやクラスへの適用は割とアナログで機能的な管理画面は用意されていません。また7. Kernest同様、一覧からまとめてではなく書体ごとに課金される仕組みです。無料で試せるLimited use modeは、20のIPアドレスのみ表示できる仕組みなので、永続的に使うのであればアップグレードする必要があります。

Fontdeck

10. Google Font API

http://www.google.com/webfonts
GoogleのGoogle Font APIを用いたWebフォントサービス。管理画面こそ用意されていないですが、ウェブ制作の知識があれば簡単に導入が可能。またAPIを用いて開発者が自由に利用できます。何よりも無料という点が大きいです。
→ GoogleがWebフォントサービスを開始
Google Font API

11. Fonts Live

http://www.fontslive.com/
4. Web Type (Ascender)と同じAscenderが運営するWebフォントサービス。内容もほぼ同等で、クラウド型ですが書体ごとに課金される仕組みとなっています。単なる単独サービスとして独立しているだけ？

Fonts Live

12. WebINK

http://www.webink.com/
数々のユーテリティソフトで有名なExtensisによるWebフォントサービス。パソコンのソフトそのままのような美しいUIを実装しているのが特長。

WebINK

13. Just Another Foundry

http://justanotherfoundry.com/
個人のフォントファウンダリが運営する初のWebフォントサービス。書体ごとに課金される。Javascriptは使用しないタイプ。

Just Another Foundry

14. Webtype

http://www.webtype.com/
Microsoft系のAscender、Monotype、そして老舗フォントファウンダリFont Bureauが参加するWebフォントサービス。中でもFont Bureauの人気書体であるInterstateが使える点は大きいですね。4. Web Type (Ascender)や11. Fonts Liveと同様に、クラウド型ですが書体ごとに課金される仕組みです。

各サービスの特長を下記にまとめてみました。Fontspring以外はクラウド型ですが、クラウド型にも一覧から任意の書体を選べるタイプと、完全に書体ごとになっているタイプがあります。またTypeFrontは、あくまでツールのみの提供となっています。

また対応ブラウザは下記の通りとなっています。どのサービスも基本的にほとんどのモダンブラウザに対応しているため特別気にすることはないと思いますが、敢えて言うならばiPhone/iPad、旧ブラウザへの対応でしょうか。

	Typekit	Fontspring	Fonts.com Web Fonts	Web Type (Ascender)	Typotheque	Type Front	Kernest
タイプ	クラウド	買取	クラウド	クラウド	クラウド	クラウド	クラウド
課金方式	一覧から	書体ごと	一覧から	書体ごと	書体ごと	-	書体ごと
他媒体での使用	×	○	△^*1	×	△^*1	-	△^*1

IE 4	×	○	○	×	×	×	○
IE 5.x	×	○	○	○	○	×	○
IE 6	○	○	○	○	○	○	○
IE 7	○	○	○	○	○	○	○
IE 8	○	○	○	○	○	○	○
Firefox 1.5	×	×	×	×	×	×	×
Firefox 2.x	×	×	×	×	×	×	×
Firefox 3.5	○	○	○	○	○	○	○
Firefox 3.6	○	○	○	○	○	○	○
Safari 3.1	○	○	○	○	○	×	×
Safari 3.2	○	○	○	○	○	○	×
Safari 4 - 5	○	○	○	○	○	○	○
Chrome 2	×	×	×	×	×	○	×
Chrome 3	×	×	×	×	×	○	×
Chrome 4	○	○	○	○	-	○	○
Chrome 5	○	○	○	○	○	○	○
Opera 9.5	×	×	×	×	×	-	×
Opera 10	○	○	○	○	○	-	○
iPhone	○	○	○	○	○	○	-
iPad	○	○	○	○	○	-	-

	Font Me Up	Fontdeck	Google Font API	Fonts Live	Web INK	Just Another Foundry	Webtype
タイプ	クラウド	クラウド	クラウド	クラウド	クラウド	クラウド	クラウド
課金方式	一覧から	書体ごと	一覧から（無料）	書体ごと	-	書体ごと	書体ごと
他媒体での使用	×	×	×	△^*1	-	△^*1	-

IE 4	×	×	×	-	○	×	×
IE 5.x	×	○	×	-	○	×	○
IE 6	○	○	○	-	○	○	○
IE 7	○	○	○	-	○	○	○
IE 8	○	○	○	○	○	○	○
Firefox 1.5	○	×	×	-	×	×	×
Firefox 2.x	○	×	×	-	×	×	×
Firefox 3.5	○	○	○	-	○	○	○
Firefox 3.6	○	○	○	○	○	○	○
Safari 3.1	○	○	○	-	○	○	○
Safari 3.2	○	○	○	-	○	○	○
Safari 4 - 5	○	○	○	○	○	○	○
Chrome 2	-	-	×	-	×	-	×
Chrome 3	-	-	×	-	×	-	○
Chrome 4	○	○	○	○	○	-	○
Chrome 5	○	○	○	○	○	○	○
Opera 9.5	○	-	-	-	×	-	○
Opera 10	○	○	-	○	×	○	○
iPhone	○	○	-	○	○	-	○
iPad	○	○	-	○	○	-	○