Rehabilitation2
Posted on March 5, 2010 in Graphic with 0 Comment

土日がなくなりました。なんてこった。
日曜日にはあいつがくるのでパソコン内を整理しておかなきゃいけないのに・・・

土日がなくなりました。なんてこった。
日曜日にはあいつがくるのでパソコン内を整理しておかなきゃいけないのに・・・
てなわけで、contentプロパティで2バイト文字(まぁつまり日本語ですね)を使うと、Safariでは文字化けしてしまうってのを今日知りました。というかcontentだなんて、clearfixをする時にしか使ったことないので、僕はなんとも言えませんがね。解決策としては、日本語を16進数のhtml数値文字参照に変換すればいいそうです。
変換には「数値文字参照用変換スクリプト」を使います。
「新着」という文字を変換すると、右のようになります。
新着 → 新着
で、これだけじゃだめみたい。「&#x」を「\」にして「;」を消します。
これをcontentプロパティに書けば、「新着」という文字が出力されます。
content: "\65b0\7740";
んでまぁ余談なんですが、実際に2バイト文字が文字化けするのを見ようと思ったんですが、Safari4ではもう修正されているみたいです。普通に読めるし・・・どうやらSafari1.0で起こっていたバグみたいで、2.0の時にはもう修正されてたとか・・・無駄足だっただろうか・・・