AAがずれる、寄る

アスキーアート(以下AA)をコピペしたはいいが、ペーストするときれいに表示されない、あるいはずれて表示されてしまうことがあります。

まず、AAがきれいに表示されない原因はコピー元とペースト先の表示フォントが異なるために起こります。一例を挙げます。

|     ____  
|   /      \
|  /  ─    ─\ コピー元と同じなんだな
|/    (●)  (●) \  
||       (__人__)    |  
|/     ∩ノ ⊃  /
|(  \ / _ノ |  |
|.\ “  /__|  |  
|  \ /___ /
|

|     ____  
|   /      \
|  /  ─    ─\ なんだか違うんだな
|/    (●)  (●) \  
||       (__人__)    |  
|/     ∩ノ ⊃  /
|(  \ / _ノ |  |
|.\ “  /__|  |  
|  \ /___ /
|

上下は同じAAを使用しています。
上のようにコピー元と同じように表示するには、
投稿する際にHTMLの編集で、

<div style=”font-family: ‘MS Pゴシック’,’MSPゴシック’,’MSPゴシック’,’MS Pゴシック’; font-size: 16px; line-height: 18px;”>

ここにAAを貼り付ける

</div>

とします。

一方、下はHTML形式ではなく、文字と同様にAAを貼り付けただけです。比べてみると、はっきり違いがわかります。ほとんどのAAはこのようにHTMLでフォントを指定してやるときれいに表示されるでしょう。

次に、AAが左に寄ってしまう例を示します。GoogleのBloggerを使うとこの症状がでます。

____  
/      \
/  ─    ─\  およよ
/    (●)  (●) \  
|       (__人__)    |  
/     ∩ノ ⊃  /
(  \ / _ノ |  |
.\ “  /__|  |  
\ /___ /

これはGoogleのBloggerが行頭の空白を無視するために発生します。解決策は、行頭になんらかの文字・記号を付け足すことです。ダメ夫は『 | 』を行頭に加えています。

|
| ←これ
|     ____  
|   /      \
|  /  ─    ─\ このポーズは疲れるんだな
|/    (●)  (●) \  
||       (__人__)    |  
|/     ∩ノ ⊃  /
|(  \ / _ノ |  |
|.\ “  /__|  |  
|  \ /___ /
|

コメント

タイトルとURLをコピーしました