ふと思いついたので書いてみました。
overflow: hidden 以外使わない、スパムになりそうもない手法で、さらに無駄なタグを挿入せず、かつ CSS OFF、画像 OFF でもなんとか情報が消えないように工夫した CSS ロールオーバーを作ってみました。
今回のサンプルの肝は、「overflow: hidden」です。
SEO 対策をしたまま(画像を使わずに)きれいなフォントが使える Flash を公開しているサイトがありました。
使い方は、字を表示する元となる Flash ファイル(swf)と、フォント情報を持った swf をアップし、それを制御する js ファイルをアップするだけ。
あとはきれいなフォントにしたい部分をタグで囲み、(通常はhx要素など見出しかも?)ID を付与し、文字を置換する script をページの最後に追加します。
ちなみに自分が作っているサイトでもさっそく使ってみました。
サンプルとして見て見て下さい。「新着相談例」や「書籍紹介」などの文字がそうです。
あ、あとフォントのライセンスやらについては使用する際に気をつけてください。