ブラウザで閲覧する際に、AA(アスキーアート)がズレない環境にする為には:Tips
■2ちゃんねる系掲示板のAAが基準としている環境
■WindowsXP・InternetExploler5.5以上でAA閲覧環境設定をする場合
■WindowsVista・Windows 7でAA閲覧環境設定をする場合
■FireFoxでAA閲覧環境設定をする場合
■OperaでAA閲覧環境設定をする場合
■Google ChromeでAA閲覧環境設定をする場合
■(´д`)Edit(AA専用エディタ)で見る場合
■メモ帳ソフト(Microsoft Windows)で見る場合
■AA閲覧環境チェック用AA
| ∧ ∧ | ∧∧ | ∧___∧ │ ∧_∧ | | (*゚ー゚) | (,,゚Д゚) | ( ´∀` ) │ (・∀・ ,,) │ | U | │ (i i). | ( ) | ( ) │ | ~| | │ ~| | | i i | | | | .| | U U │ し`J │ (,__,ハ,__,) | (_(__) |↑このAAが上の画像と同じように見えていればAA閲覧環境設定に問題はありません。
上記AAは当時の標準ディスプレイの解像度「1366×768」を基準としています。
下記文字設定をしてもディスプレイの解像度「1920×1080」等のパソコンで表示がズレる場合は、
ディスプレイの解像度を「1366×768」に変更することでズレが直る可能性があります。
万が一ディスプレイの解像度変更に伴う不具合等が発生しても自己責任でお願いします。
■2ちゃんねる系掲示板のAAが基準としている環境
書体:MS Pゴシック
文字:16px(12pt)
行間:2px
■WindowsXP・InternetExploler5.5以上でAA閲覧環境設定をする場合
スレイプニルやドーナッツなど、IE系のタブブラウザでも一緒です。
◎ツールオプションの設定をする
ツール→インターネットオプション→全般タブ→フォント
→【言語セット=キリル語】+【Webページフォント=MSPゴシック】にする
→同じく【言語セット=ギリシャ語】+【Webページフォント=MSPゴシック】にする
◎文字の表示サイズを変更する
表示→文字のサイズ→中にする
※古いIEだと、AAがズレなくてもサイトデザインが崩れるので非推奨です。
※Windows 7でAAがズレる場合はWindows XPモードをインストールし、使用すると良いかも?
■WindowsVista・Windows 7でAA閲覧環境設定をする場合
Windows Vista移行のフォントは『MSPゴシック』のバージョンが異なるのでフォント設定を変更してもAAはズレて表記されます。
旧フォント:(JIS90) 新フォント:(JIS2004)
↓旧フォント:(JIS90) に変更する場合はこちらからフォントパッケージごと変更する必要があります。
Windows 7 および Windows Server 2008 R2 向け JIS90 互換 MS ゴシック・明朝フォントパッケージについて
■FireFoxでAA閲覧環境設定をする場合
オプション→コンテンツ→規定のフォント:MSPゴシック&サイズ:16にする
ただし、行間が3pxになるので行間を設定していないサイトでは標準環境よりちょっとだけ縦に伸びます。
※このサイトではAAの行間を指定してあるので普通に表示されるはずです。
■Opera/VivaldiでAA閲覧環境設定をする場合
デフォルトでMSPゴシック&行間:0px。
行間を設定していないサイトではAAが縦に潰れます。
※このサイトの記事ページではAAの行間を指定してあるので普通に表示されるはずです。(コメント欄のAA書き込みは例外)
追記:Vivaldi 1.7以降はデフォルトのフォントがMS Pゴシックからメイリオに変更されたのでフォント変更設定必要。
■Google ChromeでAA閲覧環境設定をする場合
右上のスパナ→設定→高度な設定(詳細設定)→フォントサイズ中→フォントをカスタマイズ→
標準フォント~固定幅フォントを全て【MSPゴシック】に変更する。
ちなみにブックマーク欄表示は右上のスパナ→ブックマーク→ブックマークバーを表示(Shift+Ctrl+B)
■(´д`)Edit(AA専用エディタ)で見る場合
AA専用エディタにコピー&ペーストすれば、ズレ無しの状態で閲覧出来ます。
(´д`)Editさいたま営業所
(´д`)Editさいたま営業所-避難所
コピペした後、プレビュー【Ctrl+P】で確認出来ます。
■メモ帳ソフト(Microsoft Windows)で見る場合
メモ帳の表示設定:書式→フォント→『MS P ゴシック』『標準』『12』に変更する。
※メモ帳は行間が少し詰まる可能性がありますが、保存や確認するだけなら特に気にするレベルではありません。
■補足:多少画面表示がズレていても、AAをコピーしてメモ帳なり2ch掲示板なりに貼り付ければ正常にペースト出来ますので気にしない方向で。
Thanks for all these tips!
∩___∩
| ノ ヽ
/ ● ● | クマ──!!
| ( _●_) ミ
彡、 |∪| 、`\
/ __ ヽノ /´> )
(___) / (_/
| /
| /\ \
| / ) )
∪ ( \
\_)
やりかたおしえてくれてありがとう
巛 ヽ
〒 !
| |
/ /
∧_∧ / /
(´∀` / /
,- f
/ ュヘ |
〈_} ) | _、
モミモミ / ! _,(<_,` )-、
./ mn | i
j /ヽ-| |´ゝ ,n _i l
――――――――――E_ )__ノ
おっかしーなぁー5ちゃんではちゃんと出来たのに
当サイトのコメント欄はAA表示には対応していませんのでズレたりしますが仕様です。
AA表示に対応している掲示板等で貼り付けると良いでしょう。(モミモミ)
しっかり
書体:MS Pゴシック
文字:16px(12pt)
行間:2px
に設定していたとしても、ChromeやEdge/IE系だと
ごくわずかにずれるっていう謎現象が起きるよ~
んーなんだろう 特に右下の「|」が1mmほど右にずれる。
おかしなことに、Firefoxなら全くずれないよ。なんだろうこの現象。
すみません自己解決しました
答えは↓に全部書いてありましたね
https://yaruoguide.com/about/zure.php
WindowsのDirectWriteというのが悪さしてたようで。
r"`ヽ、
\::: \
\::: \
): )
__/::: /
/ 〈:: /
/ \ ,〈//\
/ (●) ┃(●) \
| (__人__) |
\ ` ⌒ ┃ ,/
. /⌒~" ̄, ̄ ̄〆⌒,ニつ
| ,___゙___、rヾイソ⊃
| `l ̄
. | |
ここに書かれた通りにやったけど、AAのズレ自体は治ったものの
しぃ&ギコの頬の輪郭「()←これ」がモナーやモララーと同じような感じで表示されちゃうな