我说的可不是H的东西！AA即ASCII Artwork（ASCII艺术），是一种用字符来组成图形的宅艺术。

起源就不说了，各位自己维基去。虽说这种东西在2ch上很流行，但是在国内却不怎么吃得开，其实原因很简单——字体！这些AA放到国内网站上不是变宽变窄，就是错位，实在是水土不服。

维基上介绍说把这些字符放到<pre></pre>标签里就行了，其实还是有可能无法正常显示。

说白了，要解决其实很简单——到2ch上去混！说笑说笑，既然是字体的问题那就对字体下手了。经过本人大量的尝试，发现MS PGothic字体在medium（视浏览器和网页设定而定，一般medium是16px）字号下可以正常显示（如果有谁发现其他字体也能正常显示的话一定要通知我！），而且这是Windows系统自带的字体，不用担心别人没有这个字体（手机、Linux等用户就抱歉了，其实Linux也可以从Windows下复制这个字体）。那我们就可以对症下药了。

因为<font></font>标签已经处于被淘汰的边缘了，我们就不讨论用这个了，我们用CSS来进行格式化。标签的话理论上什么都可以，但是为了所谓的“兼容性”，我们还是用<pre></pre>标签（也可以用<span></span>标签，但这样就得考虑换行的问题，也就是得用标签<br>，但是由于不同浏览器渲染页面有可能不同问题，这样并不保险，所以推荐用<pre></pre>）。我们需要为标签添加属性style="font-family: MS PGothic; font-size: medium; "，即<pre style="font-family: MS PGothic; font-size: medium; ">AA</pre>（替换掉“AA”）。

如下例，战场原黑仪，《化物语》：

　　　　　　　　　　　　　　　　 　 　 　 　 　 　 　 　 ＿＿＿_ｒｆ' ○ ／
　　　　　　　　　　　　　　　　　　　　　　　　 　 ,..ｆ´ﾆﾐ::::::＞'>＿／
　　　　　　　　　　　　　　　　　　 　 　 　 　 ／ 人>､.｀く.／:;／
　　　　　　　　　　　　　　　　　　　　　,ｒｰ＜..._´ヽ.｀フ"_:::::,'
　　　　　　　　　　　　　　 　 　 　 　 /　　　　 ＼ Ｖ くヽ）/
　　　　　　 　 　 　 　 　 　 　 　 　 /　　　｀ー､　! ト=イｲ
　　　　　　　　　　　　　　 　 　 　 /　　　ゝ-､　!､ト' /´
　　　　　　ｒ―――― -----　､/　　　'ー―‐'　.／
.　　　　 　 ＼. 　 　 　　／￣ ｀/　　　　 ,'　 　／
　　　　　　 　 ＼　　　（　　　, '　　　　..ノ, --"　　　　 . . -―――-. .
　　 　 　 　 　 　 )　　　＼／　　,　￣／　　　　 ...:::´: : . .　　　　. : : : :｀:.ヽ､
　　　　　　　　　/　　　　　｀　＜　 ／ }!　　..:::´　 　　l　　　　　　. : : : : : : ::::＼
　　 　 　 　 　 /　　　　　　　　　｀ヽ／ ..:::´:　　　/ /,'ｉ　:!　　 　 　 : : : ､: : : : :::ヽ.
　　　　　　　 /　　　　　　　､＿__／..::´; ./;　　　/_//ｲ .::|!　ｉ　　　: : : : :.＼: : : : :::ヽ
.　　　 　 　 く　　　　　　　　 ＞‐ー彡' //　　 //7　,' ::ノj ｲ}　　　. : : : : :､ ＼: : : :::::.
.　　　　　　／｀　ー――‐ｲ´ 　 ／　 .,'/::!_　/ ノ' ,ｨｆ_广i7 /　　 ,ｲ　.: : : :.ﾄ､　＼: : ::i
. 　 　　 ／　　　　　　　 /'　　 / 　 ..:::::::: |‐ﾄ{ 　 　 !。j,､' /　　 /｜ . :､　 i|'｀ヽ.　＼::}
　　　／　　　　　 　 　 ,'　 　 / ,/ .:::::::::::::.Yﾆ、 　　゛´...../　　, '　 |　.: :|ヽ i! 　 ｝ﾞ￣｀
.　　/　　　　　　　　　/.　　　i /.! :::;ｲ::::::::::.'iﾘﾉ　　　 :::::/＿.,/　　 |　.: :} ,ﾊ|　, '　. :.:,'
　 /　　　　　　　　　ｲヽ 　 　!'　{ :::| !::::::::::::iヽ　　 　　/´　　　　　.} 　/rｰ-イ　　. ::ｉ
　 ＼　　　　　　　 ノ ./､　　　　 ',:::|∧:::::::ハ　　　　　 　 　 　 　 ﾉ ノ/ 　 ,' 　　 : : |
　　　＼　　　　　　　 l　 ＼ 　 　 >{ 　〉:::::::::::.、　ヽ'　　 　 　 　 ´　.ｲ　　 ! ,' 　 . : :|
　 　 .　 ＼.　　　　　 j　　　｀ 　く.　｀ .:::::::::::::::::＼　　 　 　 　 　 ／ 　 　 .i/　　. : : |
.　 　 　 　 ｀　､　　　　　　　　　　｀ヽイ⌒ヽ.＿＿＼__　　　　　　　 　 　 /　　 . : : :|
.　　 　 　 　 　 ＼　　　　　　 ＼　　　　｀ヽ. ＼　　　　｀ヽ￣｀）　 　　　/　　　: : : :.|
　　　　　　　　　　＞..､　　　　　 ＼.　　 　　＼.＼　　 　　〉￣＼.　　 /　　　, |: : : :|＿＿＿＿
.　　 　 　 　 　 ／: : ::::::＼　　　　　＼　　　　　　 ｀ヽ、　/　　　　ヽ /　　　/i |｀￣｀￣￣￣／
.　　 　 　 　 ／　　　: : ::::::｀ヽ､　　　　＼　　　　　　　　/　　　　　 /　　　/ｰ!.|〉　　　　　／

如果不添加style属性直接<pre></pre>的话会是这种效果：

　　　　　　　　　　　　　　　　 　 　 　 　 　 　 　 　 ＿＿＿_ｒｆ' ○ ／
　　　　　　　　　　　　　　　　　　　　　　　　 　 ,..ｆ´ﾆﾐ::::::＞'>＿／
　　　　　　　　　　　　　　　　　　 　 　 　 　 ／ 人>､.｀く.／:;／
　　　　　　　　　　　　　　　　　　　　　,ｒｰ＜..._´ヽ.｀フ"_:::::,'
　　　　　　　　　　　　　　 　 　 　 　 /　　　　 ＼ Ｖ くヽ）/
　　　　　　 　 　 　 　 　 　 　 　 　 /　　　｀ー､　! ト=イｲ
　　　　　　　　　　　　　　 　 　 　 /　　　ゝ-､　!､ト' /´
　　　　　　ｒ―――― -----　､/　　　'ー―‐'　.／
.　　　　 　 ＼. 　 　 　　／￣ ｀/　　　　 ,'　 　／
　　　　　　 　 ＼　　　（　　　, '　　　　..ノ, --"　　　　 . . -―――-. .
　　 　 　 　 　 　 )　　　＼／　　,　￣／　　　　 ...:::´: : . .　　　　. : : : :｀:.ヽ､
　　　　　　　　　/　　　　　｀　＜　 ／ }!　　..:::´　 　　l　　　　　　. : : : : : : ::::＼
　　 　 　 　 　 /　　　　　　　　　｀ヽ／ ..:::´:　　　/ /,'ｉ　:!　　 　 　 : : : ､: : : : :::ヽ.
　　　　　　　 /　　　　　　　､＿__／..::´; ./;　　　/_//ｲ .::|!　ｉ　　　: : : : :.＼: : : : :::ヽ
.　　　 　 　 く　　　　　　　　 ＞‐ー彡' //　　 //7　,' ::ノj ｲ}　　　. : : : : :､ ＼: : : :::::.
.　　　　　　／｀　ー――‐ｲ´ 　 ／　 .,'/::!_　/ ノ' ,ｨｆ_广i7 /　　 ,ｲ　.: : : :.ﾄ､　＼: : ::i
. 　 　　 ／　　　　　　　 /'　　 / 　 ..:::::::: |‐ﾄ{ 　 　 !。j,､' /　　 /｜ . :､　 i|'｀ヽ.　＼::}
　　　／　　　　　 　 　 ,'　 　 / ,/ .:::::::::::::.Yﾆ、 　　゛´...../　　, '　 |　.: :|ヽ i! 　 ｝ﾞ￣｀
.　　/　　　　　　　　　/.　　　i /.! :::;ｲ::::::::::.'iﾘﾉ　　　 :::::/＿.,/　　 |　.: :} ,ﾊ|　, '　. :.:,'
　 /　　　　　　　　　ｲヽ 　 　!'　{ :::| !::::::::::::iヽ　　 　　/´　　　　　.} 　/rｰ-イ　　. ::ｉ
　 ＼　　　　　　　 ノ ./､　　　　 ',:::|∧:::::::ハ　　　　　 　 　 　 　 ﾉ ノ/ 　 ,' 　　 : : |
　　　＼　　　　　　　 l　 ＼ 　 　 >{ 　〉:::::::::::.、　ヽ'　　 　 　 　 ´　.ｲ　　 ! ,' 　 . : :|
　 　 .　 ＼.　　　　　 j　　　｀ 　く.　｀ .:::::::::::::::::＼　　 　 　 　 　 ／ 　 　 .i/　　. : : |
.　 　 　 　 ｀　､　　　　　　　　　　｀ヽイ⌒ヽ.＿＿＼__　　　　　　　 　 　 /　　 . : : :|
.　　 　 　 　 　 ＼　　　　　　 ＼　　　　｀ヽ. ＼　　　　｀ヽ￣｀）　 　　　/　　　: : : :.|
　　　　　　　　　　＞..､　　　　　 ＼.　　 　　＼.＼　　 　　〉￣＼.　　 /　　　, |: : : :|＿＿＿＿
.　　 　 　 　 　 ／: : ::::::＼　　　　　＼　　　　　　 ｀ヽ、　/　　　　ヽ /　　　/i |｀￣｀￣￣￣／
.　　 　 　 　 ／　　　: : ::::::｀ヽ､　　　　＼　　　　　　　　/　　　　　 /　　　/ｰ!.|〉　　　　　／

是不是差很多？

当然并不是所有地方都能随意使用HTML代码，如果你混论坛的话，可以试试UBB代码：[FONT=MS PGothic][SIZE=medium]AA[/SIZE][/FONT]（替换掉“AA”）。当然我没有机会试遍所有的论坛系统，不敢保证一定有效。只要论坛能使用HTML代码最好还是用HTML。

当然，具体情况具体分析，比如网站行距设定比一般要大，为了对齐只有手动设定字体大小，把上面的medium替换为以pt（磅，一般字体大小单位，1pt=1/72英寸）甚至cm（厘米）、mm（毫米）、in（英寸）、pc（1pc=12pt）、px（像素）等结尾的数字就行了，如12pt、10mm等。

最后来个大一点的战场原：

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//　 ／／
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　/ /／ ／
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　/　/　／
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 _,. = ニl o/／
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　/ ( (つ ／ /
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 , '-‐- ､∠_　/
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 /　 ｰ- ､ 〉し)ﾉ
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　/　　ｰ‐､/｀7´
　　　　　　　　　　　　　　　　　　　　　 ＜￣￣￣ 7ｰ-- /　　｀7 -'　/
　　　　　　　　　　　　　　　　　　　　　　　＼　　 /　　 _/　　_/ ___／　　 _,,,,........__
　　　　　　　　　　　　　　　　　　　　　　　 　 >　 ＼／　　　／　　 _,.-''ﾞ´　 .　　　｀ 丶、
　　　　　　　　　　　　　　　　　　　　　　 　 /　　　　＼___／〉 _,.-'ﾞ´ 　 ,ｨ　　::.　　　　　 ＼
　　　　　　　　　　　　　　　　　　　　　　　/　　　　　　　 ∠ '´ ／ 　／_l,.　l　:　　　 ヽ. 　 丶
　　　　　　　　　　　　　　　　　　　　　　く＿__ 　 ｀ｰ-ﾆ二/　 /　　/' ´_ﾚ_ﾉﾊ　 /　:. 　 ヽ、 ｀、
　　　　　　　　　　　　　　　　　　　　　 ／　　 ｀￣/´　 ／　.:::Ｌ__/　'ｨ':r' ﾘ/　 /ヽ :::､ ト､ ＼_l
　　　　　　　　　　　　　　　　　　　　／　　　　　 /　　/ ,ｲ.::::::::::L_　　ゞ'´/　 /　 l　::l 〉　 〉ｰ !‐-
　　　　　　　　　　　　　　　　　　 ／　　　　　　 /､ 　 ﾚ' |.::;:::::::::};ﾀ　　　/_／　　 l　:/__// , ｲ
　　　　　　　　　　　　　　　　　　ヽ、　　　　　_/ /　　 　 l::ﾊ:::::::{ヽ　　　　　　　　j//　/ .:/ .:!
　　　　/!　　　　　　　　 　 　 　 　 ＼　 　 　 　 l ヽ、　　〉´::::::::::.、 '＇　　　　　,　'　 l .:/ .:::|
　　　　l/　　　　 　 　 　 　 　 　 　 　 ＼　　　　l　 、｀ く　_;: -､_::丶、　　　　／　　　レ' .:::::|
　　　　l＼　　　　　　　　　　　　 　 　 　 ＼ 　 　 　 ヽ　　　｀ヽ､＼￣丶 -‐‐､　　　/　　:::::::!
　　　　 ＼ヽ、　　　　　　　　　　　　　　　　 >、　　　　＼　　　　ヽ ＼　｀｢￣ ＼　/　　/l､_｣ -‐‐‐‐ｧ
　　　　　　＼ ＼　　　　　　　　　　　　_,.-'´　　＼　　　　＼　　　　　　ヽ |　　 　 /　　/l ﾄ、　　　／
　　　　　　　 ＼ ｀ｰ----------‐'''"´　　　　　　 ＼　　　　＼　　　　 　 |_______//　l/｀l ﾚ'　　／‐-､
　　　　　　　　　｀ニ=‐---　　　　　　　　　　　　.:::::::::＼　　 　 ＼　　　　　　　/ /l　 |ヽ l l 　く　　 　丶
　　　　　 _,.-‐''"´　　　　　　　　　　　　　　　.::::::::::::::::::::::＼　　 　 ＼　　　 　/ /く!　 ﾚ'-ヽヽ／n　　 　!
　　　 ／　　　　　　　　　　　_,,. -‐‐　　　.:::::::::::::::::::::::::::::::::::｀ｰ---..､ ＼　　 // 　 !　 |　 l /ヽ　L!n　　ヽ、
　　／　　_,,,..-‐‐ｧ　　　　／....................___:::::::::::::::::::::::::::::::::::::::::::::::::::::｣ -┴ 〃ﾆニﾆ!　 L__｣　　 ヾ、ljヽ.　　ヽ、
　/　　／-‐ｧ''"´　　　／::::::::::::::_,.-‐''´　/　　 .:::::::::::::::::::::::::_, rr‐'´　　 ／ﾘ　　　　|　 |　 /　　　　　　 !　　　〉
　l　／　　/　　　　 ／￣￣￣´　　　　/　　.::::::::::::::::::::::::::::::|__ヾ三三／ ｀ヽ、　 　 ヽ l O　　　　　　 /　　／
　l/　　　/　　　 ／　　　　　　　　　　/　 .::::::::::::::::::::::::::::::::::::::::::::::::::::{　　　　 ｀ｰ-‐　　　　　　　　 ／　 ／
　　　　 /　　 ／　　　　　　　　　　 /　 .::::::::::::::::::::::::::::::;::::::::::;:::::::::::::::!　　　　　　　　　　 i　　　 r ´ , く´
　　　　 l　　/　　　　　　　　　　 ／　.::::::::::::::::::::::::::::::::;ｲ:::::::/l:::::::::::::::::〉　　　　　　　　O/　　　 l　 /　丶
　　　　 l　/　　　　　　　　　　／　.::::::::::::::::::::::::::::::::／/:::::/　l::::::::::::::/　　　　　　　　　/　　　 /　/::::::::::. ＼
　　　　 ﾚ'　　　　　　　　　 ／ .::::::::::::::::::::::::::::::::::／　/::∠rく￣￣￣　　　　　　　　　/　　　 /　/::::::::::::::.　 ｀、
　　　　　　　　　　　　　 ／　.:::::::::::::::::::_,.-‐‐‐く_　　　 ｢￣ヽヽ、　　　　　　　　　O_/__　　 /　 |ヽ、:::::::::::.　　!
　　　　　　　　　　　　／　　.:::::::_,.-''"´　　　_,,,.-ニ二ﾆ>'´￣＼＼　　　________∠／ヽ |　　| 　 |　 ヽ;::::::::　　|
　　　　　　　　　　 ／　...::_,.-''"´　　　_,,.-''´　　　　 ／　　　____ゝ､ヽ_ / 　 　 _／　　ヽ!　　| 　 |　　 l:::::::::　 l
　　　　　　　　　／.:::::::/⌒ヽ、_,,,..--く　　　　　　　 ／￣￣　　／｀ｰ'´-‐‐'7´　/　　　 〉　 |　 /　　/::::::::::: /