タグ

WebFontsに関するcode404のブックマーク (1)

  • Google Web Fontsの全書体をプレビュー

    Google Web Fontsの全書体を一気にプレビューするツールを作った。公式のFont Previewerを使ってるとサンプル文字列が突如リセットされたりとかアレだったので……。 使い方は左の入力ボックスにプレビューに使う文字列を、右のテキストボックスにフォントサイズをpx単位の数字で入力してボタンをクリック。クリック! 手抜きなのでEnter押してもダメ! すると下にズラッとプレビューされる。太字にしたりスモールキャプスにしたりとかの細かいスタイル指定はFirebugやDeveloper Toolsとかでやれば良いと思う。.previewというクラスのスタイルをいじれば反映される。contenteditable使ったスタイル編集機能とかなら付けてもいいかもしれない。 ソースを見ればわかる通りYQLで公式のFont Previewerをスクレイピングしてフォント名一覧を入手し、あとは

    Google Web Fontsの全書体をプレビュー
    code404
    code404 2011/03/09
    入力ボックスにプレビューに使う文字列を入力してボタンをクリック。クリック!すると下にズラッとプレビューされる。
  • 1