Androidでどんなサイトでもアスキーアートが正常表示できるようになっていた

ものすごく「今更知ったのかよ」的な記事ではあるのですが、もしかしたら自分と同じ思い込みをしたままの人がいるかもしれないので、せっかくなので記事にしてみます。

Androidの各種ブラウザでサイトを見る際、2chスレなどで多用されるAA(アスキーアート)の表示は崩れてしまいます。これは本来AAはMSPゴシックでの表示を前提としているが、AndroidiPhoneではこれとは異なるフォントが採用されているためです。

そのためAAをそのまま正常表示するには、Androidであればrootをとるか、iPhoneであればJailBreakしてフォント変更する必要があります。

ただしroot化や脱獄はややハードルも高く、自己責任になる部分が大きいのであまり推奨できません。そこで他の方法としてWebフォントを利用する方法があります。

さてここから本題です。

このWebフォント利用の方法は以前から知っていたのですが、サイト側がWebフォント利用の設定をしてくれていないと見れない……とそう思っていた時期が私にもありました。

しかし、どうやら現在ではブックマークレットを利用することで、スマホ側で直接Webフォントをダウンロードし、どんなサイトでもAAを正常表示できるようになっていました。

・やる夫はスマートフォンでもAAを見たいようです (アスキーアート対応ウェブフォント「Textar Font」) - やる夫之書

上記の記事の存在は以前から知っていたのですが、この記事の追記部分に全サイト対応の方法が書かれていました。ドロップボックスに保存されているフォントをダウンロードする仕組みになっているようです。

追記5(8月16日 01:20):読者さん(@keage)より、紹介された改良ブックマークレットの再々改訂版です。フォントはTextar Fontを改良した「Kuma_Lite」で、元の1.7MBから140KBと大幅に小さくなっており、iPhone/iPadだけでなく、Androidケータイにも使用することが出来ます。したらば掲示板やVIPサービス掲示板のスマートフォン表示ページにも対応しています。

javascript:(function(){var e=document.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/16075723/font/Kuma_Lite.js');document.body.appendChild(e)})()

Androidのブラウザで適当なリンクをブックマークしたあと、それを編集してURL部分を上記JavaScriptに書き換えることでブックマークレット化できます。記事を表示したあとに、そのブックマークレットを立ち上げることでAAが正常表示されるようになります。

結構歴史系のやる夫スレなどを読むことが多いので、AA正常表示はとても助かりました。このような便利なブックマークレットを公開してくれている@keageさんや、その導入記事を書かれているやる夫之書サイトにあらためて感謝です。ありがとうございます。

ちなみに追記部分が公開されたのは2011年8月ともう一年以上前なのですが、2011年はじめに「サイトで対応してくれてないとだめなのか…」と諦めて今日まで来ていました……。