AAをスマホで表示する

誰得メモ

スマホでも上手く表示するための AAを貼り付けるためのスタイルです。@kægeさんありがとう。

@font-face{
    font-family: 'Saitamaar';
    src: local('Saitamaar'),
    url('http://keage.tokyo/fonts/Saitamaar.eot?') format('eot'),
    url('http://keage.tokyo/fonts/Saitamaar.woff2') format('woff2'),
    url('http://keage.tokyo/fonts/Saitamaar.woff') format('woff'),
    url('http://keage.tokyo/fonts/Saitamaar.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}
.aa{
    background: #fafafa;
    border: 1px solid #cccccc;
    color: #333;
    font-weight:normal;
    font-family:Saitamaar, sans-serif;
    font-size:5pt;
    line-height:1.1;
    text-align: left;
    margin: 0;
    padding: 0;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

後は、AAをpreタグ内貼り付けて、クラス名にaaを付ける。
クラス名は各自お好きなようにどうぞ。
上手く表示出来ない時は、font-sizeを適当にいじってください。10pt～14ptあたりお薦め。

実際のテスト

　　　　　　　　　　　　 /::7ヽ '": : : : : : : : : : : : : : : : : :`　､　　 r─‐┐
　　　　 　 　 　 　 　 /::/／: : : : : : : : : : : : : : : : : : : : : : : :ヽ　l::::/:::::l
　　 　 　 　 　 　 　 /::/: : : : : : : : : : : : : : : : : : : : : : : : : : : : :`l::::ｒﾍ:::l
　　　　　　　　　　 /::/: : :／: : : : : :.,ｨ: : : : : : : : : : : : : : : : : : : l/: : : :ヽ
　　　　　 　 　 　 /:l/:.／: : : : : : : / l: : : : : l: : : : : : : : : : : : : : :.l: : : : : ヽ
　　　 　 　 　 　 /: ／: : : : : : : : :/　 l: : : : : ﾄ: : : : : : ┛┗: : : :l l: : : : : : :',
. 　 　　　 　 　 /: :l: : : : : : : : : :/　　 l: : : : : l ヽ: : : : ┓┏: : : :l: :l: : : : : : :',
　　　　　　 　 /: : :l: : : : : : : : :/ヽ　　 ',: : : : :l.　＼: : : : : : : : : :ﾄ､ l: : : : : : :.',
. 　 　　　　　/: : : :l: : : : : : : :/　　＼　 ',: : : :.!／　＼: : : : : : : :l:::〉l: : : : : : : :',
　　　　　　 /: : : : :l: : : : : : :/ r─- ､ヽ　＼: :l r──r┐: : : : : l/　l: : : : : : : :.',
　 　 　 　 /: : : : : :',: : : : : :.l　l. l::::::::::〉　　 ヽl. ',::::::::::!/l: : : : : :.l　　l: : : : : : : : :',
.　　　　　,': : : : : : : ', : : : : :ﾊ　 ヽ:::::/　 　 　 　ヽ::::ノ　!: : : : :./　　 !: : : : : : : : :',
　　　 　 ,': : : : : : : : :ﾄ､: : :.ｌ: l　　　　　　'　　　　　　　 l: : : : /　　　 l: : : : : : : : : ',
.　　　　 ;: : : : : : : : : l　＼: l: ヽ　　　　　　　　　　　　 ｲ: :/l/　　　　 l: : : : : : : : : :',
　　　　 i: : : : : : : : : :l　　 ヽﾊ:| ヽ､　　　─(　　 　 　, l: / 　 　　　　 l: : : : : : : : : : ',
　　　　l: : : : : : : : : : !　　　 　l 　 iﾞ`;,,､、__ ,,.. - .::..´_;_l/-,　　　　　　 l: : : : : : : : : : ',
.　　　 l: : : : : : : : : : l　　　　　　 rﾞ!:.!;,;;iﾞ､|. .:;.-‐_''"-‐ ''´l,　 　　 　 　 !: : : : : : : : : : :',
　　　 l: : : : : : : : : : :!　　　　 _,..-'--ﾞーﾄ,ﾞ!:.,' /´:::.::::.:.._;;ノﾞ┐　　　　　.l: : : : : : : : : : : ',
.　　　l: : : : : : : : : : :l　 _,,..-''"　　　　 r 'ｲl.,' ,' _.:.. -:.:'.:. :::::::｀ヽ、 　 　 l: : : : : : : : : : : : ',
　　　l: : : : : : : : : : :.l　,! ,'　　　　　　　ゞ_ｿ'=!ﾞ:.:... . ...　　　　　 　＼　 　l: : : : : : : : : : : : ',
　　　l: : : : : : : : : : :.l .,! .l　:.' .:.　 _, -'ﾆ-'ﾞゞ;,ノ　　　　　　　　　　　 `､　l: : : : : : : : : : : : :',
.　　 l: : : : : : : : : : : l ,|　!:.'r=1-_,..-''´　　　　　　　　　　 :.　　　　　 .::ﾞ､ l: : : : : : : : : : : : :',
.　　 l : : : : : : : : : : :/:ﾞ!.:|;,..{rｦ,ﾞ　　　　　　　　　　　　　:.'　 ,.ｨ　　 _,,.:.:.:ﾞ!l: : : : : : : : : : : : : ,
.　　 l: : : : : : : : : : :,' .::;!/ﾞ´ヾ-'　　　.:.. .. .　　　　　　　 l; ::.:'' _,.-''"_,,....,..ﾞi: : : : : : : : : : : : : '
.　　 l: : : : :,.- : .,,_,'　::/　　　　　　　　　　　　　　　　　,';.',-''"_,..::'":.:.:::;':.,!: : : : : : : : : : : : : :'
.　 　l: : : : iﾞ_二_,.｀` Y　　　　　 ...　　　.　　　　　　　　l;/ ,.-'"　　.. :.:.:;'ノl: : : : : : : : : : : : : : '
　 　 l: : :iﾞ_,,...ｨ　　　ﾞ!:::::..:.. .. .:.:..:::. .::. . . 　　　　　　　,!'´　　　 . .:.::./ 　 l: : : : : : : : : : : : : : : '
　 　 l: : :ﾞ! ､,,.､　　　.ﾞ､:::::::::::::::::.:.::::::::.. .:.. .　　　　.. .:/　　　　 .:..:.::/　　 l: : : : : : : : : : : : : : : :'
　　　l: : : ﾞ､lﾞ､.i　　　　ﾞ､::::::::::::::::.: :.:::::::::::.:.:.:.. .. .:..:::/　　　　　.:::.,.' 　 　 l: : : : : : : : : : : : : : : ',
　　　l: : : 　　 　　　　　｀　､　　　... :.:.:::::::::::::::::::::::/　　　　　..:.;.'　　　　.l: : : : : : : : : : : : : : : ',