PETITBOYS（フォントブログ）は、他媒体にも寄稿しています
はてなブックマーク Hatena Bookmark

2011.10.19 – 12:30

Webフォントをプレビューできるサイトまとめ

Web Designing 2011年11月号にてWebフォントをプレビューできるサイトを紹介しましたが、この他にもまだたくさんあるので改めて紹介します。情報は今後も随時追加していきます。

・・・・・

Webフォントサービスが提供するプレビューサイトです。任意のURLを入力するだけで、自社で取り扱うフォントがどのように表示されるのかを確認できるプロモーション用サイトです。

Web Fonts Preview (by Fonts.com Web Fonts)

http://www.webfontspreview.com/

任意のURLを入力するだけで、WebフォントサービスFonts.com Web Fontsで提供されているWebフォントを表示することができるサイト。見出しと本文用のフォントをライブラリから選択できるだけでなく、サイズ、行間、文字間も調整することができます。

Font Swapper (by Webtype)

http://www.webtype.com/tools/swapper/

任意のURLを入力するだけで、WebフォントサービスWebtypeで提供されているWebフォントを表示することができるサイト。見出しと本文用のフォントをライブラリから選択できるだけでなく、サイズ、行間、文字間も調整することができます。

FontFont FontFonter (by FontFont)

http://fontfonter.com/

任意のURLを入力するだけで、オンラインフォントストアFontShop (FontFont)で提供されているWeb用フォントを表示することができるサイト。専用のJavascriptブックマークレットを登録しておけば、いつでもお気に入りから呼び出すことができます。

FontDropper 1000 (by WebINK)

http://www.extensis.com/en/WebINK/fontdropper/

用意されているJavascriptブックマークレットを登録しておけば、WebフォントサービスWebINKで提供されているWeb用フォント一覧を表示することができるサイト。ドラッグ＆ドロップでフォントを変更できるというユニークなUI。

Web Fonts in Action (by FontsLive)

http://www.fontslive.com/preview/

WebフォントサービスFontsLiveで提供されているWeb用フォント一覧を表示することができるサイト。Monotype Imaging系列なので、Fonts.com Web Fontsのほうと仕組みは同じ？

・・・・・

Font Dragr

http://www.fontdragr.com/

ドラッグ＆ドロップするだけで、ローカル上のデスクトップフォントをWebフォントとして適用することができるJavascriptブックマークレット。OTF、TTF、WOFF形式のみ対応。

・・・・・

番外編。OSやブラウザ別にWebフォントのレンダリングを確認することができるサイトです。Macは比較的きれいですが、Windowsはちょっと汚いですね。

Typekit Browser Samples

http://typekit.com/

WebフォントサービスのTypekitには現在プレビューツールは用意されていませんが、各書体、OSやブラウザ別にWebフォントのレンダリングを確認することができます。

MyFonts Webfont browser screenshots

http://new.myfonts.com/

オンラインフォントストアMy Fontsでは、フォントのサンプル表示画面で“Webfont browser screenshots”にチェックを入れると、各書体、OSやブラウザ別にWebフォントのレンダリングを確認し、なおかつ2つ並べて比較することができます。

^ PAGE TOP