ピクスログ

テキストをCSSで整形して、「ザ・シンプソンズ」のお父さん、ホーマーを見事に描いている記事です。

ちなみに上のイラストは、「ザ・シンプソンズ」のサイトのキャプチャなので、CSSで描いたものではありません。

ちょっと衝撃的だったので紹介(*°∀°)=3

元記事は以下。
Roman Cortes ≫ Homer CSS

これがそのページで描画されているCSSホーマー。

・・・尋常じゃない。

一瞬、ただの画像化と疑ってしまいますが、ページをドラッグして範囲選択などしてみると、やっぱりテキストで描かれています。

できる、できないじゃなく、こんなことやる気がしない（　ﾟ Дﾟ）

ザ・シンプソンズのキャプチャと見比べると、再現性の高さをヒシヒシと感じ取ることができます。

しかも、クロスブラウザ対応を意識しているらしく、結構ブラウザに対応していたり。
（まぁ、absoluteで固めているだけだから、あまりクロスブラウザとか意識しないでいいのかもしれない）

フォントがトゥルータイプだから、フォントサイズの指定さえ均等にすればベクターアートと同じようにも使えるか。
ポジショニングもem指定にしているところが賢い。

マルチバイト文字を一切使ってないところも驚愕・・・フォントの都合かな。

テーブルでドット絵を描いたり、アスキーアートだったり、いろんな表現方法がありますが、まだまだいろんな表現方法があるものですね(≧∇≦)/

関連記事：
フォントの作成できるオンラインサービス「FontStruct」
Webデザインで知っておいたほうが便利なCSSハックの紹介サイト
簡単にブロック要素の高さを統一できる「heightLine.js」