■ ブログにAAをずれないように貼る方法

ブログにAAを貼る時に、ずれないようにするための設定のご紹介。
AAなにっきさんの移転前には、ずれないための設定がのっていたんですけど、
旧ブログが消えちゃってるみたいなので、自分のためのメモとしてなんですけどｗ

※3/21追記：フォント指定に「MS PGothic」を追加しておきました。

まずスタイルシートに以下をコピペします。

/* AA表示 */
.aa{
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
}

また、
font-size:12px;
line-height:14px;
みたいにすることでサイズの調整が可能です。
お好みでどうぞ。

※最初、12px,14pxを基本みたいに書いていましたが、
本来は16px.18pxが基本です。
私はこのサイズだと少し大きく感じてしまうので、上記の12.14に設定しています。


そして、記事にAAを貼るときは
<span class="aa"></span>でAAを囲ってください。

<span class="aa">　　　 ∧,,∧
　　　(；`・ω・）　　｡･ﾟ･⌒）
　　　/　　 ｏ━ヽニニフ))
　　　しー-Ｊ</span>

こんな風にします。すると

　　　 ∧,,∧
　　　(；`・ω・）　　｡･ﾟ･⌒）
　　　/　　 ｏ━ヽニニフ))
　　　しー-Ｊ

この通り。


はてなダイアリーの場合はかなり楽で、設定なしで、「>|aa|」と「||<」でAAを挟むだけでいいみたい。
詳しくは↓を見てくださいね。
■アスキーアート（AA）を簡単にきれいに表示する（aa記法）



　　 _,,....,,_　 ＿人人人人人人人人人人人人人人人＿
-''":::::::::::::｀''＞　　　　ゆっくりためしてね！！！　　　＜
ヽ:::::::::::::::::::::￣^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^Ｙ^￣
　|::::::;ノ´￣＼:::::::::::＼_,. -‐ｧ　　　　　＿_　　 _____　　 ＿_____
　|::::ﾉ　　　ヽ､ヽr-r'"´　　（.__　　　　,´　_,, '-´￣￣｀-ゝ 、_ イ、
_,.!イ_　　_,.ﾍｰｧ'二ﾊ二ヽ､へ,_7　　　'r ´　　　　　　　　　　ヽ、ﾝ、
::::::rｰ''7ｺ-‐'"´　 　 ;　 ',　｀ヽ/｀7　,'＝=─-　　　 　 -─=＝',　i
r-'ｧ'"´/　 /!　ﾊ 　ハ　 !　　iヾ_ﾉ　i　ｲ　iゝ、ｲ人レ／_ルヽｲ i　|
!イ´ ,' |　/__,.!/　V　､!__ﾊ　 ,'　,ゝ　ﾚﾘｲi (ﾋ_] 　　 　ﾋ_ﾝ ).| .|、i .||
`! 　!/ﾚi'　(ﾋ_] 　　 　ﾋ_ﾝ ﾚ'i　ﾉ　　　!Y!""　 ,＿__, 　 "" 「 !ﾉ i　|
,'　 ﾉ 　 !'"　 　 ,＿__,　 "' i .ﾚ'　　　　L.',.　 　ヽ _ﾝ　　　　L」 ﾉ| .|
　（　　,ﾊ　　　　ヽ _ﾝ　 　人! 　　　　 | ||ヽ、　　　　　　 ,ｲ| ||ｲ| /
,.ﾍ,）､　　）＞,､ _____,　,.イ　 ハ　　　　レ ル｀ ー--─ ´ルﾚ　ﾚ´