複数行AAの表示テストをしてみる

はじめに断っておきます。
今回のブログは、PC用に作っていますので、携帯では何のことやらサッパリの文字の羅列になると思います。
あらかじめご了承ください。

今回はHTMLタグに＜div style="line-height:***%"＞を使用してテストしてみます。
***%の部分が行間隔の指定％数です。

ちなみに画像が元のAAです。

---

テスト１
行間隔・標準（みんカラデフォルト）
　　　　　 　 　 　 　 　 　 ∩
　　　　　 　 　 　 　 　 　 ( ⌒)　 　 　 ∩_ _　ｸﾞｯｼﾞｮﾌﾞ!!
　　　　　　 　 　 　 　 　 /,. ノ　　　 　 i　.,,E）
　　　　　　　　　　　　　/　/"　　　 　 /　/"
　　_n　 ｸﾞｯｼﾞｮﾌﾞ!! 　 /　/ _、_　　 ,／ ノ'
　（　l　 　 　_､ _　 　/　/　,_ﾉ` ）／ ／　_、_　　　　ｸﾞｯｼﾞｮﾌﾞ!!
　 ＼ ＼　（ <_,`　）（　　　　　　　／ （　,_ﾉ` ）　　　　 n
　　　ヽ___￣￣　ノ　ヽ　　　　　 |　￣　　 　 ＼　 　 （ E）
　　　　　/ 　 　/　　　＼　　　　ヽ ﾌ　　　 / ヽ ヽ_／／

---

テスト２
行間隔・105％

---

テスト３
行間隔・100％

---

テスト４
行間隔・95％

---

テスト５
行間隔・90％

---

総評：
みんカラブログでは行間隔は細かく設定できますが、総じて文字幅が広くなってしまいオリジナルのAA通りの表示ができません。
行間隔的には100～105％くらいが丁度いい感じなんですが･･･。

ネットに転がっているAAはプロポーショナルフォント（文字によって幅が異なるフォント）使用を前提に作っているので、これらのAAをコピペしてみんカラブログに使っても、思い通りの表示になりません。

このブログを書いている際のテキストボックスのAA表示は、オリジナルと同じ表示になりますが、確認画面では表示が崩れます。

ではプロポーショナルフォントではなく等幅フォントならどう表示されるかテストしてみます。

---

テスト６
等幅フォント・行間隔は標準（みんカラデフォルト）

　　　　　 　 　 　 　 　 　 ∩
　　　　　 　 　 　 　 　 　 ( ⌒)　 　 　 ∩_ _　ｸﾞｯｼﾞｮﾌﾞ!!
　　　　　　 　 　 　 　 　 /,. ノ　　　 　 i　.,,E）
　　　　　　　　　　　　　/　/"　　　 　 /　/"
　　_n　 ｸﾞｯｼﾞｮﾌﾞ!! 　 /　/ _、_　　 ,／ ノ'
　（　l　 　 　_､ _　 　/　/　,_ﾉ` ）／ ／　_、_　　　　ｸﾞｯｼﾞｮﾌﾞ!!
　 ＼ ＼　（ <_,`　）（　　　　　　　／ （　,_ﾉ` ）　　　　 n
　　　ヽ___￣￣　ノ　ヽ　　　　　 |　￣　　 　 ＼　 　 （ E）
　　　　　/ 　 　/　　　＼　　　　ヽ ﾌ　　　 / ヽ ヽ_／／

---

まったくもってダメダメな結果です。

以前から気づいていましたが、みんカラブログにおけるAA表示の弱点がココにあります。
また、みんカラのせいではないのですが、ブラウザの機能の違いによっても表示に差が出ます。

文字にルビを振るときに＜ruby＞文字＜rt＞ルビ＜/ruby＞という、タグがあるのですが、ブラウザによって表示に差が出ます。

超電磁砲レールガン

　　　　　↑
IEなら、この“超電磁砲”の上に“レールガン”とルビが振られます。
Firefoxなら“超電磁砲”の後に“レールガン”と表示されるだけです。

ここまで気にする人は、あまりいないと思います。
個人的には面白いAAはどんどん使いたいのですが、残念ながらみんカラブログではうまくいかないことが分かった次第です。