未承認

ＡＡをきれいに表示するには

　アスキーアートは一定の規定に沿って作られています。それを再現しない環境ではズレが発生したり行間が開き過ぎるなどといった問題が発生します。

　アスキーアートを綺麗に表示するにはスタイルシートに適切な設定を施し、使用する必要があります。

HTML タグでのスタイルシート設定

ウェブページ使用例

<div style="font: normal normal 12pt/18px Mona,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,"MS PGothic AA","ＭＳＰゴシック","MS Pゴシック","MS PGothic","MS Pｺﾞｼｯｸ","ＭＳＰゴシック","MSPゴシック",sans-serif;">
　　　　 ||<br>
<br>
　　　　　※<br>
<br>
　　　　 ||<br>
<br>
　　　　 ||<br>
　　　　　○<br>
　　　　 ||<br>
　　　 ivｖvi<br>
　　　　 l_, ,_j<br>
　　　　 ,i^l,<br>
　　　 ,i!　ﾞl,<br>
.　　　,i! .D. ﾞl,<br>
.　　 ,i!　 I 　ﾞl,<br>
　　_,i!　　E　　ﾞ!,_<br>
.　ﾞｌ,i!ﾞ￣￣￣ﾞｌ,i!"<br>
</div>

　ブログのようなプログラムによってページを作成している場合は投稿内容の整形状況や改行の自動変換を確認のうえ、実際の表示を確認しながらご利用ください。

　また、このタグの内部にアスキーアート以外のものを挟んだ場合、デザインとしてバランスが悪くなってしまうことがあります。よくご確認の上、ご利用ください。

CSS ファイルでのスタイルシート設定

　CSS ファイルを編集できる場合、下記の設定を書き込んでおくと大変便利です。

div.AA { font: normal normal 12pt/18px Mona,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,"MS PGothic AA","ＭＳＰゴシック","MS Pゴシック","MS PGothic","MS Pｺﾞｼｯｸ","ＭＳＰゴシック","MSPゴシック",sans-serif; }

　HTML 上では以下のように設定します。

ウェブページ上でアスキーアートを表示する際の注意点

　< や > 、& の文字は、ウェブページを形作るルール上、別の文字列に返還して使用する必要があります。

< -> <
> -> >
& -> &

　これを省略するとアスキーアートの一部が HTML タグであると誤認されて、ブラウザ上では表示されなくなる場合があります。ご注意ください。