Hatena::ブログ(Diary)

Webと文字

よければ、はてブしてください。( ´∀`) George.Nagaoka@gmail.com

JavaScript IME:海外からブラウザで日本語を変換 新URL 旧URL:
多言語入力ブックマークレット:ブラウザでロシア語、中国語、アラビア語・・・
【軍曹が】携帯電話開発の現状【語る】をAA化した
AAのデータベース
趣味のページ

2012-03-22

ギコフォント2

はじめに

以前アスキーアート用のフォント「ギコフォント」を作りました。

ギコフォントを作ろう! - Webと文字


 12ptのビットマップそのままアウトラインにしたフォントを作る。12pt/24pt/36pt…の倍数でそのとおりに表示されるはず!

f:id:project_the_tower2:20111218091406p:image

今回はその続きです。

専用ページを作った

ギコフォント

f:id:project_the_tower2:20120322105417p:image

他のAAフォントもあった

どちらもwebfontに対応しており、特にKuma_Liteは記号のみではありますが、140kbとすごく小さな容量を実現させています。

ギコフォントも配信することにした

一度目は

  1. @font-faceがサーバーにアクセス
  2. サーバーリファラからURLをとってHTMLを解析
  3. 特定のclass内のテキストを抜き出し
  4. テキストのみのgikofontを作成
  5. URL:gikofontをデータベースに保存
  6. クライアントへ返す

二度目以降は

  1. @font-faceがサーバーにアクセス
  2. データベースから読み出し
  3. クライアントへ返す

page=activeだと、毎回HTMLを解析して、文章(md5)に変更があった場合のみフォントを再作成します。

次回

  • 全てのポイント数でスケーリングが可能になったわけではない。よってhdmxテーブルを規定して、特定のピクセルでの文字幅を定義できるか検討する。
トラックバック - http://d.hatena.ne.jp/project_the_tower2/20120322/1332382110
リンク元