jsdo.it に Google WebFont tester を投稿してみた

前回(jsdo.it に Web safe font tester を投稿してみた)作成した Web safe font tester を基に、jsdo.it に Google Font API のフォントを確認するツールを投稿しました。

今回は http://code.google.com/webfonts に合わせて、初期状態のテキストを使用しているフォント名が表示される様にしました。

前回同様、font-weight の変更、font-style: italic の on/off や、font-size, color, background-color などの一部のスタイル、そして表示テキストの変更が可能です。

html5 の input type="range" を使用しているので、Safari, Chrome など対応しているブラウザの方が使いやすいと思います。Opera は何か挙動がおかしかったです。

追記

フォントのロードに失敗した場合のコールバック関数が呼び出されているにもかかわらず、そのフォントが表示されている場合があります。
原因はよく分かりません。

おまけ

記憶の新しい近日中に今回使用した Google Font API の使い方をメモしておきたいと思っています。