
CSS のみで作られた「フォント」。文字でも画像でもない。ゆえに、アドレス収集ボットに捕獲されません。グッドアイデア賞ですね!
CSSplay:A CSS font さんのソースを見てください。(著作権:私の許可を求めないで、ウェブサイトでこの方法を使用することができます。)※各文字指定のスクリプトはフォネティックコードで記述されています。5段のボックスで1文字を表現しています。
slash や colon 、hyphon 、underline を作ってみました。
lw指示、lv指示(勝手に命名)がなかったので追加した。
★ css に赤字スクリプトを追加する
.la, .lz, .lv {width:5px;}
.le, .lf, .lw {width:4px;}
.ld, .lf, .lh, .lk, .li, .lm, .lo, .lp, .lq, .lw {border-right:1px solid #000;}
* html .lw {width:5px; w\idth:4px;}
★表現文字スクリプト
: 【colon】
<div class="outer" title="colon"><div class="lg"></div><div class="lg"></div><div class="lz"></div><div class="lg"></div><div class="lg"></div></div>
/ 【shash】
<div class="outer" title="slash"><div class="lw"></div><div class="lp"></div><div class="lh"></div><div class="lq"></div><div class="le"></div></div>
- 【hyphen】
<div class="outer" title="hyphen"><div class="lz"></div><div class="lz"></div><div class="la"></div><div class="lz"></div><div class="lz"></div></div>
_ 【underline】
<div class="outer" title="underline"><div class="lv"></div><div class="lv"></div><div class="lv"></div><div class="lv"></div><div class="la"></div></div>
これがcss文字表示例
☆GiGAZiNE:CSSで作ったフォント 経由