血統の森+はてな

旧はてなダイアリーの自動インポートによるアーカイブです。

任意の文字に○や□を付ける（暫定版）

またの名を、競馬の○外とか□外を文字で表現する

昨日ごにょごにょ書いていたものの目的が、とりあえずローカルHTMLで果たせたのでメモ。
なお、Windows環境でのみ再現。MacやLinuxしらんがな…という状況。
Windows XP+USP10.dll(ver. 1.626.6001.18000)+Opera以外の主要ブラウザ*1で再現。Windows Vista SP1でも再現できるはず（いまここにVistaがないので未確認）。

2k,XPあたりは次の手順に沿ってUSP10.dllのバージョンを上げること。

  1. Microsoft VOLT users communityから最新のVOLTを入手する。（この記事の時点で1.3）
  2. インストールし終えたら、スタートメニューのプログラムに「Microsoft VOLT」の項目が出来る。そこから「VOLT supplemental files setup」に任意のディレクトリ下（とりあえずc:\tempあたり）に解凍し、USP10.dllを抽出する。
  3. セーフモードでログインし、%Systemroot%\system32（デフォルトでc:\WINDOWS\system32）にあるUSP10.dllをリネームする。
  4. VOLTから抽出したUSP10.dllをコピーする。

表示テスト


地⃞　コスモバルク

外⃞　ハートレイク

外⃝　グラスワンダー

父⃝地⃞　ナチュラルナイン

○や□の中に漢字が入っているはず。…とおもったらはてなでは再現できないというオチ。冷静に考えれば!importantを使えばいいという罠。怪しいけど。ローカルで試したソースはこんな感じ。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unicode 合成文字テスト</title>
<style type="text/css">
body{font-family:"Cambria Math","ＭＳ Ｐゴシック";}
</style>
<body>
<p>
地&#x20DE;　コスモバルク<br>
外&#x20DE;　ハートレイク<br>
外&#x20DD;　グラスワンダー<br>
父&#x20DD;地&#x20DE;　ナチュラルナイン<br>
</p>
</body>
</html>

フォント依存であり、OS依存であり、ブラウザ依存かつCSS依存みたい。これはかなり面倒な状況。

*1:IE8 beta2,Firefox 3.0.5,Safari 3.2.1