AAをずれないようにする:AbsoluteSphere

AAをずれないようにする

いままで、アスキーアートを使おうと思ったらどうもズレまくってました。
なので使いたいAAを一旦画像にした上でサーバーにファイルアップしてそれを載せるという面倒な事やってましたがそれを解消。
これで面倒くさがってAA使ってなかった場面が多々あったので活用して行きたいと思います。

と、いうのもBWSのダイアリーさんところの9月18日分によると、はてなダイアリーでアスキーアートが簡単に使えるようになったっていうのが載っていたので参考にしてみた。
まあ、AAがずれるのはフォントと行が原因なのは分かっているので取り合えずソースを除かせてもらうと13行目の一部に「/css/base.css」ってあった。全ユーザー共通のだろうからアドレス削って、それ追加して「http://d.hatena.ne.jp/css/base.css」にアクセス。適当にCSSを保存。
CSSファイルを開いたら一番下に以下のようなAAの設定がありました。

div.ascii-art{
  font-size:12pt;
  line-height:18px;
  font-family: "Mona","IPA MONAPGOTHIC","MS PGothic",
"ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;
}

なのでこれを自分のCSSファイルの中に書き込み。
やっぱ文字サイズと行間とフォント指定するだけだったｗ面倒くさがらずに最初から調べたらどこかに載ってそうだな・・・。

<div class="ascii-art">
ここにAA貼る
</div>

こう書いたらずれなくなります。

適用前のキングカワイソス
　　　　　　　　　　.,Å､
　　　　　　　 .r-‐i'''''''''''i''''‐-､
　　　　　　 o|　ｏ!　.ｏ　 i ｏ　!o
　　　　　　.|＼__|｀‐´｀‐／|__/|
　　　　　　 |_, ─''''''''''''─ ,､ / _
　　　　／　　　　　　　　　　　　＼
　　　 /　　　　／　　　　　　　　　i
　　　|　　　　　 ●　（__人_） ●　　 |　キングカワイソス
　　　 !　　　　　　　　　　　　　　ﾉ
　　　丶_ 　　　　　　　　　　　　　ノ

　　　　　　　　　　.,Å､
　　　　　　　 .r-‐i'''''''''''i''''‐-､
　　　　　　 o|　ｏ!　.ｏ　 i ｏ　!o
　　　　　　.|＼__|｀‐´｀‐／|__/|
　　　　　　 |_, ─''''''''''''─ ,､ / _
　　　　／　　　　　　　　　　　　＼
　　　 /　　　　／　　　　　　　　　i
　　　|　　　　　 ●　（__人_） ●　　 |　キングカワイソス
　　　 !　　　　　　　　　　　　　　ﾉ
　　　丶_ 　　　　　　　　　　　　　ノ

こんな感じにズレ無くなりました。
CSSに数行コピペするだけなんで、毎回画像にして保存している方は是非どうぞ。
注意：このサイトではサイトのサイズの関係上フォント10、行高さ15に設定しています。

ちなみに、見る側の設定でIEのツールバーから
・ツール(T)→インターネットオプション→フォント→言語セット
順に開いていって、日本語とギリシャ語とキリル言語の「Web ページフォント」を「ＭＳＰゴシック」に指定するとさらにズレなくなるみたいです。ギリシャとキリル語は最初の設定ではTimes New Romanです。参考アスキーアート／顔文字

そういや久しぶりに2ch全AAイラスト化計画見たらまた沢山増えてたｗ

トラックバック

トラックバックURL：
http://asphere.sakura.ne.jp/mt/mt-tb.cgi/710

同一カテゴリー商品一覧

000日記1 20 ・AAをずれないようにする

AbsoluteSphere

amazon

AAをずれないようにする

トラックバック

コメント

同一カテゴリー商品一覧