ブログにAA(アスキーアート)コピペしたらずれるんですけど
と思っている方へ。
この記事は、
"本文は普段どおりの表示でいいけれど、「AAの部分だけ」2chにあわせて表示したい"、
というときの方法を紹介しています。
まず、どうしてずれるのか?なのですが、まずはこのページをご覧ください。
(AAサロンのスレのテンプレから拝借。このブログの横幅には入らないので、この前のように2chを通常のwebブラウザで見たときのようなページに書きました。)
つまり、2chはMS Pゴシックで、文字の大きさは12ptで表示しているので、これ以外の環境だと大いにずれる可能性があるよ、ということです。
じゃあどうするのかというと、CSSで2chでの表示と同じように設定します。
CSS(fc2ではメニューの"テンプレートの管理"のスタイルシートの編集)の中に、
<[タグ名]>.<[クラス名]>{
font-size:12pt;
line-height:1em;
font-family:"IPA MONAPGOTHIC","Mona","MS PGothic","MS Pゴシック","MS Pゴシック","MS Pゴシック",sans-serif;
}
を記述します。(参考画像)
また、タグ名は省略してもかまいません。(.<[クラス名]>だけでもいい)
(font-family:で指定されている、IPAモナーフォント、モナーフォントは、"Windows以外の環境でAAをキレイに表示する"ために、2ch有志が既存のフォントを改良したフォントの名称です。)
CSSに記述したので、次はAAの部分を指定する方法です。
記事の本文の中にAAを貼るときに、
<[タグ名] class="[クラス名]">と</[タグ名]>の間にAAを入れるだけです。(参考画像)
ここで記事は終わりですが補足を続きに。
>>read more