[CSS]ブラウザに関係なくAAのズレをなくす方法

ユーザの利用しているブラウザに関係なく、アスキーアート(AA)のズレをなくし、正常に表示する方法。

スタイルシートに以下を記述。

.aa{
font-family:"MS Pゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
}

として、表示部分は

<div class="aa">
AAを入力
</div>

とする。

すると、

   / ̄ ̄ ̄ヽ       
   |___G___|_  登場曲は「ハレ晴レユカイ」  
   lシ=・=  =・=|   を希望だぉ      
  (6|∵‥(・・)∴|  
   (  ∵・Α  ) 
   \  ゜ヾ/   
   _ノ   |__   (⌒)            
 /\\_//  `  / ~.レヘへ 
/     ..|。|”’   ノヽ  | .| .| .|      
|  / GIA|。NTS( ̄  `ヽ ししし
          ̄   `ー──‐

ズレることなく表示ができました。

参照:らいぶろちゃんねる ブログにAAをずれないように貼る方法