レシピ概要

「 ิ (U+0E34)」などの文字を使った眉表現を、Windows Vista + Internet Explorer 8 (以下、IE8) で享受する方法です。もしかしたら Windows 7 でも有効かも知れません。

Vista でどせいさんの顔文字を愛でる方法 の続きのような形になります。興味がありましたら、そちらも読んでみて下さい。

今回も、「(= ・ิっ・ิ)」という、どせいさんを表現した顔文字を例に解説していきます。

Vista + IE8 で見るどせいさんは危うい

前回のレシピで、ブラウザごとの表示について

最新版でもさして変わらないようです

と書いてしまいましたが、それは大きなミステイクでした。

IE8 で見ると、まゆげが飛び出して見えてしまいます。しかも、飛び出す時と飛び出さない時があったりします。

今回は、この飛び出したまゆげを引っ込める方法について書きます。

描画モードとフォントの組み合わせで、まゆげがずれる

以下のスクリーンショットをご覧下さい。

「Tahoma」および「Arial Unicode MS」は、インターネットオプションのフォント設定項目で、タイ語に指定したフォント名です。Tahoma がおそらくデフォルトで指定されているフォントです。

前回推奨した Arial Unicode MS で、まゆげが飛び出ています。レンダリングが「IE8 標準準拠モード」の場合、こうなります。

こちらもご覧下さい。どちらも IE8 で撮りました。

「Quirks モード」の場合です。ページの記述法が古い場合に使われるレンダリング方法です。こちらは Arial Unicode MS が有効ですね。

前回のレシピでは、後者の描画方法についての対処のみ書きました。
(Quirks モードと IE7 の標準準拠モードとではまた色々と違うのですが、どせいさんの描画においてはどちらも同じ振る舞いをしました。)

しかし、IE8 では表示するページによってまゆげの描画方法が変わってしまうみたいです。 (気付くのが遅れてお恥ずかしい限りです。)

まとめると、以下のようになります。

  • IE8 標準準拠モードでは、デフォルトでまゆげがくっついている。
  • IE8 標準準拠モードでは、タイ語のフォントに Arial Unicode MS を指定した時にまゆげが飛び出す。
  • Quirks モードでは、デフォルトでまゆげが分離する。
  • Quirks モードでは、タイ語のフォントに Arial Unicode MS を指定した時にまゆげがくっつきやすくなる。
この問題について調べる際、レジストリ等をちょっといじったので、描画が多少異なっている可能性があります。なるべくデフォルトに近い形に戻したつもりですが、大幅に違っていたらごめんなさい。

対処法

互換表示ボタンを押す

まゆげが飛び出した時だけ「互換表示ボタン」を押して Quirks モードに切り替える方法です。タイ語のフォントに Arial Unicode MS をあらかじめ指定しておく必要があります。

ページ製作者が指定しているフォントによってはまゆげが分離してしまうので、その場合はブックマークレット等を併用して下さい。

常時互換表示にする

「ツール」→「互換表示設定」で「互換表示ですべての Web サイトを表示する」を選ぶと、常に互換表示になります。

メリットよりデメリットが大きそうなのであまりお勧めはしませんが、そういう方法もあるということで。

IE のレンダリングエンジンを使うタブブラウザだと、ブラウザによっては IE7 の標準準拠モードも選べるようです。DonutQ のブラウザ拡張項目で、いつのまにか IE7 互換の設定になっていたのが、まゆげ飛び出しに気付くのが遅れた原因のひとつでした。

ブックマークレット

前回出したものをちょっといじって、Hatena::Let に置きました。そこそこモダンなブラウザならそこそこ動いてくれると思います。あらかじめ顔文字を選択しておいて下さい。

選択した顔文字とその周りだけ、まゆげがくっつくようレンダリングモードに合わせたフォントになります。

にせねこフォント

ちょこちょこ調べた結果、にせねこフォントが、飛び出さず、Quirks モードでもくっつきやすく、しかもかわいく表示されました。

ただ、OpenType フォント故か、インターネットオプションからの変更ができず、レジストリを直接いじっても意図した表示にならなかったので、現状ではスタイルシートでフォントを指定する方法でしか使えないみたいです。

こちらもブックマークレットにして置いておきます。

選択した顔文字とその周りだけ、にせねこフォントになります。

この場合も、あらかじめタイ語のフォントを「Arial Unicode MS」にしておいて下さい。別途にせねこフォントのインストールも忘れずに。

確認

表示の確認には、以下をご利用下さい。まゆげが引っ込んでくれるといいですね。

(= ・ิっ・ิ)

関連レシピ

Vista でどせいさんの顔文字を愛でる方法
美容師さんに教わった、痛みなく眉を抜く方法