ASCII ART （AA)を綺麗に表示する方法

ふと思い立ってASCII ARTを綺麗に表示する方法を探してみた。

(1) プロポーショナルフォントを数個指定派

<div style="line-height: normal; font-size: 12pt; font-family: 'ＭＳ Ｐゴシック';">
ここにASCII ART
</div>

(２) MS Pゴシック派

<div style='font-size:12pt;line-height:18px;font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;'>
ここにASCII ART
</div>

どちらにしろ、うっかりBloggerのリッチテキストエディタで開いてしまうと連続する空白が削除されてしまうため、判読不可能なほどに崩れてしまう。
保管庫としてBloggerを使うならテキストファイルを添付した方が良いのかもしれない。（エディタは等幅フォントなので開いてもAAは綺麗に表示されないけど）

参考情報：

• アスキーアートをきれいに表示するには（リンク）
  
• WordPressでAAをきれいに表示してみたい（リンク）