Macから見た場合の画像をいただきました。(07/09/16 12:30追記)
Mac環境で3つのフォントを使い、見てもらったところ「IPAモナーフォント」が一番キレイかも。しかし、ビットマップ表示の場合は「モナーフォント」の方がMSPゴシックに近くていいとか。
Linux(FedoraCore)上のFirefoxで「IPA モナー Pゴシック」フォントを使って見た場合。(09/06 追記)
少しズレてしまうこともあるが、きちんとAAの形で表示できている。
Windows上のIEの画面。
コメント欄は文字サイズ小なのでAAがズレますが、新書き込み欄では書き込まなくてもどのようにズレるかわかります。
２ちゃんねるとその界隈で使われるAA（アスキーアート）は、MS Windows XPまでの標準プロポーショナルフォント
「ＭＳ Ｐゴシック」の「12ポイント(pt)」サイズに合わせて作られています。
このフォント以外では大抵の場合、AAにズレが生じてしまいます。
しかし、
MacintoshやLinux,UnixなどのOSではこのフォントを標準搭載していないので、市販品のそれか、
AA対応の代替フォントを使わないとズレの無いAAを見ることができません。
また、
AA対応フォントをインストールしたとしても、Webブラウザの標準フォントに設定しない場合は閲覧するWebサイト上でAA対応フォントを指定してる場合しかAA対応フォントでの表示がされません。
ということで、当サイトでは親切にも「
AA部分はAA対応フォントを指定」してみようかなと、、、やっぱりズレの無いAAを見て欲しいですからね。
Mac,Linux対策だけでなく、
WindowsでのアンチエイリアスAAフォント対応、書き込み欄AA対応もしました。
AAに対応しているフォントとしては以下が有名です。
基準 これに合わせて世の中のAAは作られています。
ＭＳ Ｐゴシック
AA表示用代替フォント フリーフォントを改造してAA表示に対応したもの。
IPA モナー Pゴシック,
MonaAA表示用改造フォント フリーではないフォントを改造してAA表示に対応。
Meiryo mod 12pt AA, MS Pゴシック Ex+, MS Pゴシック Ex, AquaJane, KGCG_NAA, SherryAA, MaruGo-aa, Kakugo-aa, ARISAKA_AA, Osaka-AA-Web, Osaka-AA, AquaLucidaGrandeBold_AA Bold, AquaMyriadBold_AA, あくあるう2, N-AQUA3d, OWHG
「AA表示用代替フォント」に分類したIPAモナーフォントとモナーフォントはオープンソースのライセンスに基づいて改造してある、ライセンス違反がない無料フォントです。Windows,Mac,Linux,Unixなど様々な環境で自由に使えます。IPAモナーフォントはモナーフォントの改良版ですので、MacやLinuxでAA表示したい人はIPAモナーのみのインストールで十分でしょう。
それに対して、「AA表示用改造フォント」に分類したフォント達は商用フォントの改造などが多く、ライセンス違反がないとは言えない改造フォントです。しかし、正規品を所持している人が個人的に使用する場合などは問題無いのではという意見もあります。フォントごとこっそり違法配布してあるものもあれば、正規品にパッチを当てて改造品を作るという正規ユーザ向けのパッチ配布も行われています。評価が高い商用フォントを改造したものが多いので、視認性に優れる綺麗なものも多いです。アンチエイリアス使用が前提ですが。
当サイトでは
「AA表示用改造フォントの有名な一部(ClearType用)」「基準フォント(Win用)」「AA表示用代替フォント(Mac,Linux用)」の優先順位で、フォントを指定することとしました。
CSS指定例
font-family: "MS Pゴシック Ex+", "MS Pゴシック Ex", "Meiryo mod 12pt AA", "ＭＳ Ｐゴシック", "MS PGothic", "IPA モナー Pゴシック", "Mona", sans-serif;
アンチエイリアスフォント使用時にキリル語・ギリシャ語フォントがIEで若干ズレるのでアンチエイリアス対応をやめました。完全なフォント指定をするのは難しい。
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "IPA モナー Pゴシック", "Mona";
「AA表示用改造フォントの有名な一部」としては、利用者が多く有名な MS Pゴシック Ex+, MS Pゴシック Ex+, Meiryo mod 12pt AA を選びました。これらはClearTypeなどのアンチエイリアスを使う事が前提のフォントですから、インストールしている人はClearType利用者が大半と考えていいでしょう。ブラウザの普段のフォントもアンチエイリアスなんだろうし、AAもアンチエイリアス表示がいいかなと。 アンチエイリアスに興味がなくて先述のフォントをインストールしてない方やClearTypeが搭載されてないWin2000以下のVerをお使いの方はいつもの「ＭＳ Ｐゴシック」で表示されます。ちなみに、「ＭＳ Ｐゴシック」と「MS PGothic」、同じフォントで二つの名前が記載されていますが、これは文字化け用の配慮です。MSゴシック系のフォントでは半角英数のフォント名が存在し、ブラウザが認識できるらしい（Wikipedia情報）。
ここまでのフォントがインストールされて無いが、「IPA モナー Pゴシック」か「Mona」がインストールされている場合は、それで表示されます。これらのフォント全てインストールされてない環境の場合、AA表示には対応してないであろう既定のゴシック体で表示されると思われる。MacやLinuxの人はIPAモナー入れときましょう。
このフォント指定スタイルは「本文中のAA部分」「コメント本文」「コメント書き込み欄」に適用します。
「本文中のAA部分」は
AA本来の文字サイズ(12pt)と
大型AA縮小用サイズ(9pt)の2種類のスタイルを用意して、使い分けるつもり。「コメント本文」「コメント書き込み欄」では書き込まれたAAの大きさに応じて、こちらが文字サイズを使い分けることはできないので常に
大型AA縮小用サイズ(9pt)に固定します。
AA本来の文字サイズ(12pt)ではAAはズレが無く綺麗に表示されると思われますが、
大型AA縮小用サイズ(9pt)では多少のAAのズレが生じてしまうでしょう。まあ、12pt未満のサイズではどのサイズでもズレが生じるので仕方がない。折り返されて何のAAかわからない状態になるよりかはマシでしょう。
さて、ここからはAAテスト会場です。コメント欄にAA貼り付けてみてもいいですよ。
なぜだか12ptでもAAが激しくズレてしまう人はこれを見てみよう。
IEの場合、キリル語・ギリシャ語もMSPゴシックにするのが基本。
AAを見るための環境設定-しっぽのとこ-「本文中のAA部分」AA本来の文字サイズ(12pt)
※下のAAのｽﾞﾚない環境が標準とな!?
|| 三| ＿ ＿ |三 ! |ゝ く三) (三ｼ ｀;| /:::ヽ ヽ. | （::::) ) ) ＿ .＿U | |
|| 三| 三ｼ ヾ三 |三 | | , -−-_,, _,ｨ ､_,,ｨ,.-−､ | ,':::::::::::ヽ. '､ .| ):::::(. ( ( 三ｼ |||| ヾ三 |..|
|| 三′ .._ _,,.. i三 |.｜ ､ィ或tｭ､ﾞ:ミ {,'ィt或ｱﾁ.| l:::::::::::::::/ .,､z:ｭ､,_. ,､=, | |::::::） ∪ .._ _,,.. i .|
|トﾆ｜ <でiﾝヽ . ;'i"ｨでiﾝ |三.| | ｀ヽ 二ノ ﾄ ` ‐''"´ ｜l;:::::::::::/ ´ ,r'ャ､`' i'rｬ;|｜ |::::::| <でiﾝヽ ;'i"ｨでiﾝ |..|
|', iヽ! ､ ‐' / ! ､ ーシ |ｼ,ｲ.｜ ,r'､ ヽ .| l ヽ::::::::ｌ ''｀¨¨´ ヽ |.|ｒ⌒ヽ| ､ ‐' / !､ ーシ |...|
| i,ヽﾘ ,' : !. |ｆ ﾉ ｜ ,/ﾞｰ､ ,r'ヽ | ヽ ヽ::::::! ,ィ _. ', .l|| ヾ ,' : !. ( ( | ..|
| ヾ! i ,､ ,..､ヽ l.ノ | ,ノ `'" 丶. ..| ヽ_λ:i. ' `'ﾞ`'‐'iﾞ ,'|| i ,､ ,..､ヽ. ) )|.. |
| | _ _ ｲ l .｜､ ′ ,, ｨrｪェzｭ､,_ 〉 } /| lヽ`'. ,∠.ニﾌ / |ヽンイ _ _ ∪|. |
| l ,ｨﾁ‐-‐ヽ i ./、 ｜',ヽ ヘヾ'zｪｪｪッ',ｼ' ./｜ l ` ､ ､ い.... ,'/ | | ∴,ｨﾁ‐-‐ヽ∴∵ |...|
| ﾞi､ ゝ､二ﾌ′ ﾉ/' "＼｜ } 丶、 ` ｰ--‐ '"'´,/ノ::| ,r<ヽ、 ヽ', .ヽ`二ﾌ.,' | | ∴∵∴ゝ､二ﾌ∵∴∵|..|
「本文中のAA部分」大型AA縮小用サイズ(9pt)
※下のAAのｽﾞﾚない環境が標準とな!?
|| 三| ＿ ＿ |三 ! |ゝ く三) (三ｼ ｀;| /:::ヽ ヽ. | （::::) ) ) ＿ .＿U | |
|| 三| 三ｼ ヾ三 |三 | | , -−-_,, _,ｨ ､_,,ｨ,.-−､ | ,':::::::::::ヽ. '､ .| ):::::(. ( ( 三ｼ |||| ヾ三 |..|
|| 三′ .._ _,,.. i三 |.｜ ､ィ或tｭ､ﾞ:ミ {,'ィt或ｱﾁ.| l:::::::::::::::/ .,､z:ｭ､,_. ,､=, | |::::::） ∪ .._ _,,.. i .|
|トﾆ｜ <でiﾝヽ . ;'i"ｨでiﾝ |三.| | ｀ヽ 二ノ ﾄ ` ‐''"´ ｜l;:::::::::::/ ´ ,r'ャ､`' i'rｬ;|｜ |::::::| <でiﾝヽ ;'i"ｨでiﾝ |..|
|', iヽ! ､ ‐' / ! ､ ーシ |ｼ,ｲ.｜ ,r'､ ヽ .| l ヽ::::::::ｌ ''｀¨¨´ ヽ |.|ｒ⌒ヽ| ､ ‐' / !､ ーシ |...|
| i,ヽﾘ ,' : !. |ｆ ﾉ ｜ ,/ﾞｰ､ ,r'ヽ | ヽ ヽ::::::! ,ィ _. ', .l|| ヾ ,' : !. ( ( | ..|
| ヾ! i ,､ ,..､ヽ l.ノ | ,ノ `'" 丶. ..| ヽ_λ:i. ' `'ﾞ`'‐'iﾞ ,'|| i ,､ ,..､ヽ. ) )|.. |
| | _ _ ｲ l .｜､ ′ ,, ｨrｪェzｭ､,_ 〉 } /| lヽ`'. ,∠.ニﾌ / |ヽンイ _ _ ∪|. |
| l ,ｨﾁ‐-‐ヽ i ./、 ｜',ヽ ヘヾ'zｪｪｪッ',ｼ' ./｜ l ` ､ ､ い.... ,'/ | | ∴,ｨﾁ‐-‐ヽ∴∵ |...|
| ﾞi､ ゝ､二ﾌ′ ﾉ/' "＼｜ } 丶、 ` ｰ--‐ '"'´,/ノ::| ,r<ヽ、 ヽ', .ヽ`二ﾌ.,' | | ∴∵∴ゝ､二ﾌ∵∴∵|..|
「本文中のAA部分」AA本来の文字サイズ(12pt)
このサイトは､Windows＋InternetExplorer､ |ギコΛ::Λ ::| ∧＿∧ ｵ マエ|
フォント「ＭS Pゴシック 中(12ポイント)」の状態で |ハ::::(ﾟДﾟ,,):::|（ ´∀｀）σｰ☆|
最適表示になります｡ |ハ Щ Щ） ::|（σ 'ノ ﾓ |
※右のAAのｽﾞﾚない環境が標準です｡ |ハ:／ ） : | 〈 〈＼ ＼ ﾅ |
|:∠／~)ノ〜:| （____）（____） i |
↓
※右のAAのズレない環境が標準です。|. |＼|／ | ｜ . ｜
ＭＳ Ｐゴシック 12pt/96dpi (16px) |.∧∧ |/⌒ヽ、| ノノハヽヽ | ΛΛ |
|(,,ﾟДﾟ)||,,ﾟ Θﾟ）|川��v��从|(=ﾟωﾟ)|
｜
矢印の位置で縦棒が1ドットの狂いもなく揃います。↑
| |. | | 01号 | .|././'⌒'ヽ. |
| ∧＿∧ | .∧___∧. | |＿＿__| .|( ( (:) .(:)) |
| （ ・∀・）| ( ´∀｀) | （ ｀Д´） | > ヽ冊〈 |
「本文中のAA部分」大型AA縮小用サイズ(9pt)
このサイトは､Windows＋InternetExplorer､ |ギコΛ::Λ ::| ∧＿∧ ｵ マエ|
フォント「ＭS Pゴシック 中(12ポイント)」の状態で |ハ::::(ﾟДﾟ,,):::|（ ´∀｀）σｰ☆|
最適表示になります｡ |ハ Щ Щ） ::|（σ 'ノ ﾓ |
※右のAAのｽﾞﾚない環境が標準です｡ |ハ:／ ） : | 〈 〈＼ ＼ ﾅ |
|:∠／~)ノ〜:| （____）（____） i |
↓
※右のAAのズレない環境が標準です。|. |＼|／ | ｜ . ｜
ＭＳ Ｐゴシック 12pt/96dpi (16px) |.∧∧ |/⌒ヽ、| ノノハヽヽ | ΛΛ |
|(,,ﾟДﾟ)||,,ﾟ Θﾟ）|川��v��从|(=ﾟωﾟ)|
｜
矢印の位置で縦棒が1ドットの狂いもなく揃います。↑
| |. | | 01号 | .|././'⌒'ヽ. |
| ∧＿∧ | .∧___∧. | |＿＿__| .|( ( (:) .(:)) |
| （ ・∀・）| ( ´∀｀) | （ ｀Д´） | > ヽ冊〈 |
「本文中のAA部分」AA本来の文字サイズ(12pt)
,. - ─── - 、
／ , ｀ヽ.
/〃//,. ,ｨl/|l ﾄ､ !、 、 ヽ
ｰ'´| | l |1 | !l. ｌ| ! | l.|ヽ ! !､ ', おじちゃんたち
YﾚV!ﾋｴ「! |l.「_ト!Ll」| ｌ ｌ l どうしてはたらかないの？
! lﾊｲJ | ´|_jヽ. ﾘ,! ! l. ｌ |
|l |l.} ー , Ｌ _,ﾊl.ｌトｌ ｌ. | l
|l ｉｌﾄ､ ｎ '' ,1ｌ|ｨ| |l l |
_ 二,ニ^tュ--ｪ_t１」l.|l !リ|_lﾉ
ｒ７´ ｆ ｒ┐| 〔/ミヽ>,-､￣´
Y ー个‐'t ﾊ-､_'ゝ、
ヽ ．＿･ ｒく￣ヽト-'丿 ヽ l
/ (･_＿,）ゝi┬'´ﾊ｀ '`|
|ヽ, ｲ ﾉ┴くヽヽ、 /
`´ ゝ┬ﾍ｀ヽ | `ー‐１
ゝﾉ-‐^ｰ'一''丶 ヽ ヽ
ﾄ､＿ `ｰｧ'¨不ヽ
| | 「￣「￣l￣ト､,ｲﾄﾋi′
ｌ l. l l ! !└' l |
└ L 」＿,|＿_ｌ＿l.__Ｌ.ｌ′
| | | |
ｌ l ! !
ｌ l. l l
ト--┤ !--‐1
ｆ‐t央j. ﾄ央ｧﾍ
| 甘l､ / 甘 |
ｌ ,.-‐ヽ ﾚ'⌒ヽ/
`く._＿ ﾉ ゝ--‐′
「本文中のAA部分」大型AA縮小用サイズ(9pt)
,. - ─── - 、
／ , ｀ヽ.
/〃//,. ,ｨl/|l ﾄ､ !、 、 ヽ
ｰ'´| | l |1 | !l. ｌ| ! | l.|ヽ ! !､ ', おじちゃんたち
YﾚV!ﾋｴ「! |l.「_ト!Ll」| ｌ ｌ l どうしてはたらかないの？
! lﾊｲJ | ´|_jヽ. ﾘ,! ! l. ｌ |
|l |l.} ー , Ｌ _,ﾊl.ｌトｌ ｌ. | l
|l ｉｌﾄ､ ｎ '' ,1ｌ|ｨ| |l l |
_ 二,ニ^tュ--ｪ_t１」l.|l !リ|_lﾉ
ｒ７´ ｆ ｒ┐| 〔/ミヽ>,-､￣´
Y ー个‐'t ﾊ-､_'ゝ、
ヽ ．＿･ ｒく￣ヽト-'丿 ヽ l
/ (･_＿,）ゝi┬'´ﾊ｀ '`|
|ヽ, ｲ ﾉ┴くヽヽ、 /
`´ ゝ┬ﾍ｀ヽ | `ー‐１
ゝﾉ-‐^ｰ'一''丶 ヽ ヽ
ﾄ､＿ `ｰｧ'¨不ヽ
| | 「￣「￣l￣ト､,ｲﾄﾋi′
ｌ l. l l ! !└' l |
└ L 」＿,|＿_ｌ＿l.__Ｌ.ｌ′
| | | |
ｌ l ! !
ｌ l. l l
ト--┤ !--‐1
ｆ‐t央j. ﾄ央ｧﾍ
| 甘l､ / 甘 |
ｌ ,.-‐ヽ ﾚ'⌒ヽ/
`く._＿ ﾉ ゝ--‐′
「本文中のAA部分」AA本来の文字サイズ(12pt)
┏┓ ┏━━┓┏━┓┏┓┏━━┓┏━━┓ //.i:.:.:i:.:.:.:.:i,|:.i／iﾊ:.:./ ﾘ＼|､;ｲ:.:.:.:.i､:.:i.... ┏┓┏┓┏┓
┏┛┗┓┗━┓┃┗━┛┃┃┃┏┓┃┃┏┓┃ .| i.|:.:.;ｲ:.:.i:.:| |i ィ ∨ ゝ ﾘ|/`ｲ:.:.:ﾄ:.Y､. ┃┃┃┃┃┃
┗┓┏┛ ┃┃┏━┓┃┃┃┗┛┃┗┛┃┃┏━| i,|:.:.| i:.:.|i:.:|ｨｪｪク ｲﾐｪｭｬ.ﾚ:.:.i;,:.:） ヽ..━━┓┃┃┃┃┃┃
┏┛┗┓┏┓┃┃┗━┛┃┃┃┏┓┃ ┃┃┃ .i|.´i:.| i:.:.iヽi /// ヽ /// /:.:./､） ＼ ┃┃┃┃┃┃┃
┗┓┏┛┃┗┛┃ ┏┛┃┗┛┃┃ ┃┃┗ ／ﾘ i:.i .ﾄ:.:i:.ゝ ﾏ⌒ ､ /ｲ:.:.ifj´＼ i. ﾍ....┛┗┛┗┛┗┛
┃┃ ┗┓┏┛┏━┛┏┛ ┃┃ ┏┛┃ `ｰ ＜i＼|＼ヽ ヽ_ノ /:.:.:/Y ヽ. ＼ ,／.. ┏┓┏┓┏┓
┗┛ ┗┛ ┗━━┛ ┗┛ ┗━┛ ∨.|:.:.:`|`ゝ､ ,.／i:.:.:/ .i| ＼ /.... ┗┛┗┛┗┛
┏┓ ┏┓ ┏━━┓┏━━┓ ┏━┓ . | 斗- ―‐ト.､ |ニ二二l . ┏┓┏┓┏┓
┏━━┛┗┓┏┛┗┓┃┏┓┃┗━┓┃ ┗━┛ l二 | / / l ＼ |＼＼l...... ┃┃┃┃┃┃
┗━┓ ┏┛┗┓┏┛┃┃┃┃ ┃┃┏━━┓┏━ ././l / ,乍 下�澄魁 �ﾍ. ＼_>. ━┓┃┃┃┃┃┃
┏┛┃┃ ┏┛┗┓┃┃┃┃ ┃┃┗━┓┃┃ .∨/ ∧,/.ﾄ::l ﾄ::::} ﾄヽ ﾍ |.. ┃┃┃┃┃┃┃
┏┛┏┫┃ ┗┓┏┛┃┃┃┃ ┃┃ ┃┃┗━ ./ 〈 : } 弋ﾘ ﾋ:ｿ 〉 ヽ |━━┛┗┛┗┛┗┛
┗━╋┛┃ ┃┃ ┃┗┛┃┏━┛┃ ┏┛┃ ./ :l ' xx ／ /. |.. ┏┓┏┓┏┓
┗━┛ ┗┛ ┗━━┛┗━━┛ ┗━┛ .＼ ＼ o / ／ | | ┗┛┗┛┗┛
┏┓ ┏━━┓.....ｌ: : :/.::ｌ : :.|: |: : : |:___:.l|.: : : : :.:|´.: : :.| ｀: :j.:.|: ::_|:.│..... ┏┓┏┓
┏┓ ┏━━━┓ ┏┓ ┏━┛┗━┓┃┏┓┃.....|: : | : :| : :.|: |.: : :ｲ : : l|: : : ＿j|＿_,斗-イ :_ﾚ'´:|:.│..... ┃┃┃┃
┃┃ ┗━━━┛ ┃┃ ┗━┓┏━┛┃┗┛┃┏＼:| : :| : :.|: |.: : :.レ-┘￣ ´ｨ=≠＜｢ : : : | : |━┓┃┃┃┃
┃┃ ┃┃ ┏━┛┗━┓┗━━┛┃ .└ｰト､_j:└┬┘,x=＝ , ::::::. | : : : |: : | ┃┃┃┃┃
┃┃ ┃┃ ┃┏┓┏┓┃ ┗━━ .| : |`ー‐ﾄ.、'´:::::: r ‐一ﾍ │ : : l: : :|━┛┗┛┗┛
┃┗┓┏━━━┓ ┃┗┓┃┗┛┃┃┃ | : |:.: : : : :.ヘ. ヽ ノ イ | : : :| : : | ┏┓┏┓
┗━┛┗━━━┛ ┗━┛┗━━┛┗┛ |: ∧ : : : : :| 个ー┬‐ -‐ ＜l入ｌ :| : : |: : : | ┗┛┗┛
「本文中のAA部分」大型AA縮小用サイズ(9pt)
┏┓ ┏━━┓┏━┓┏┓┏━━┓┏━━┓ //.i:.:.:i:.:.:.:.:i,|:.i／iﾊ:.:./ ﾘ＼|､;ｲ:.:.:.:.i､:.:i.... ┏┓┏┓┏┓
┏┛┗┓┗━┓┃┗━┛┃┃┃┏┓┃┃┏┓┃ .| i.|:.:.;ｲ:.:.i:.:| |i ィ ∨ ゝ ﾘ|/`ｲ:.:.:ﾄ:.Y､. ┃┃┃┃┃┃
┗┓┏┛ ┃┃┏━┓┃┃┃┗┛┃┗┛┃┃┏━| i,|:.:.| i:.:.|i:.:|ｨｪｪク ｲﾐｪｭｬ.ﾚ:.:.i;,:.:） ヽ..━━┓┃┃┃┃┃┃
┏┛┗┓┏┓┃┃┗━┛┃┃┃┏┓┃ ┃┃┃ .i|.´i:.| i:.:.iヽi /// ヽ /// /:.:./､） ＼ ┃┃┃┃┃┃┃
┗┓┏┛┃┗┛┃ ┏┛┃┗┛┃┃ ┃┃┗ ／ﾘ i:.i .ﾄ:.:i:.ゝ ﾏ⌒ ､ /ｲ:.:.ifj´＼ i. ﾍ....┛┗┛┗┛┗┛
┃┃ ┗┓┏┛┏━┛┏┛ ┃┃ ┏┛┃ `ｰ ＜i＼|＼ヽ ヽ_ノ /:.:.:/Y ヽ. ＼ ,／.. ┏┓┏┓┏┓
┗┛ ┗┛ ┗━━┛ ┗┛ ┗━┛ ∨.|:.:.:`|`ゝ､ ,.／i:.:.:/ .i| ＼ /.... ┗┛┗┛┗┛
┏┓ ┏┓ ┏━━┓┏━━┓ ┏━┓ . | 斗- ―‐ト.､ |ニ二二l . ┏┓┏┓┏┓
┏━━┛┗┓┏┛┗┓┃┏┓┃┗━┓┃ ┗━┛ l二 | / / l ＼ |＼＼l...... ┃┃┃┃┃┃
┗━┓ ┏┛┗┓┏┛┃┃┃┃ ┃┃┏━━┓┏━ ././l / ,乍 下�澄魁 �ﾍ. ＼_>. ━┓┃┃┃┃┃┃
┏┛┃┃ ┏┛┗┓┃┃┃┃ ┃┃┗━┓┃┃ .∨/ ∧,/.ﾄ::l ﾄ::::} ﾄヽ ﾍ |.. ┃┃┃┃┃┃┃
┏┛┏┫┃ ┗┓┏┛┃┃┃┃ ┃┃ ┃┃┗━ ./ 〈 : } 弋ﾘ ﾋ:ｿ 〉 ヽ |━━┛┗┛┗┛┗┛
┗━╋┛┃ ┃┃ ┃┗┛┃┏━┛┃ ┏┛┃ ./ :l ' xx ／ /. |.. ┏┓┏┓┏┓
┗━┛ ┗┛ ┗━━┛┗━━┛ ┗━┛ .＼ ＼ o / ／ | | ┗┛┗┛┗┛
┏┓ ┏━━┓.....ｌ: : :/.::ｌ : :.|: |: : : |:___:.l|.: : : : :.:|´.: : :.| ｀: :j.:.|: ::_|:.│..... ┏┓┏┓
┏┓ ┏━━━┓ ┏┓ ┏━┛┗━┓┃┏┓┃.....|: : | : :| : :.|: |.: : :ｲ : : l|: : : ＿j|＿_,斗-イ :_ﾚ'´:|:.│..... ┃┃┃┃
┃┃ ┗━━━┛ ┃┃ ┗━┓┏━┛┃┗┛┃┏＼:| : :| : :.|: |.: : :.レ-┘￣ ´ｨ=≠＜｢ : : : | : |━┓┃┃┃┃
┃┃ ┃┃ ┏━┛┗━┓┗━━┛┃ .└ｰト､_j:└┬┘,x=＝ , ::::::. | : : : |: : | ┃┃┃┃┃
┃┃ ┃┃ ┃┏┓┏┓┃ ┗━━ .| : |`ー‐ﾄ.、'´:::::: r ‐一ﾍ │ : : l: : :|━┛┗┛┗┛
┃┗┓┏━━━┓ ┃┗┓┃┗┛┃┃┃ | : |:.: : : : :.ヘ. ヽ ノ イ | : : :| : : | ┏┓┏┓
┗━┛┗━━━┛ ┗━┛┗━━┛┗┛ |: ∧ : : : : :| 个ー┬‐ -‐ ＜l入ｌ :| : : |: : : | ┗┛┗┛
多少のズレは生じてたりしますが、見られないような状態ではないと思うので気にしない方向で、、、ｗ
おまけ(09/06 19:00追記)
MSPゴシック@winにIPAモナーフォント@Linuxを透過で重ねてみたテスト。IPAモナーフォントの再現力にびっくり。
IPAモナーフォント@LinuxとMSPゴシック@winの比較。
AAでのアンチエイリアスの有無ってのは人によって好みがわかれそうだ。オレは嫌いじゃないけどね。
コメント返信
*1
Vista版のMSPゴシかな。ちょっとVer違うからズレてしまうのだろうか。確認してないんだよね。
まあ、多少のズレとかどうでもよかったりｗ
とりあえずそこそこ綺麗にAA見れるようになればいいや。
*2
最新のMSPゴシだと確かに9ptの方がいいかも(10ptのビットマップ変わったらしいし)。
一般的なMSPゴシは9ptも10ptもビットマップが同じなせいか、
「9ptでズレが激しいAAは10ptでズレが少ない、その逆もまた然り」だったので10ptにしてみたんだけど。
文字小さいの好きじゃないという理由もあったり。
ブラウザによっては標準文字サイズ小で見た時、10ptより小さい文字になっちゃうんだよね。そこで9ptだと8pt以下の豆字で表示しちゃうからそれは微妙だなー。
10pt → 9pt に変更のお知らせ (09/07 01:00追記)
2chブラウザ「ギコナビ」の初期状態サイズが9ptらしいので、
やっぱり多くの人が満足している9ptに変更してみましたｗ
こういう所は多数派に迎合しておくべきだよね。
フォント指定順序など変更のお知らせ (09/12 22:00追記)
IPAモナーフォントとモナーフォントの両方が入ってる場合、モナーフォントが優先的に表示されるようにしました（あまり両方入ってる環境は無いと思いますが）。
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Mona", "IPA モナー Pゴシック", "IPAMonaPGothic";
理由はIPAモナーフォントをアンチエイリアス不使用・ビットマップフォントで表示した際にズレまくる場合があるため。ビットマップフォントで表示した場合はモナーフォントの方がズレが少ないようです。
IPAモナーフォントを導入したのだが、どうにもズレまくって表示される場合はモナーフォントを導入してください。
IPAモナーフォントの方がズレなく綺麗に表示される場合、モナーフォントの削除や無効化をしてください。
また、IPAモナーフォントの英語表記版フォント指定も対応しました。これでCSSを文字化けして読み込んだ場合もきちんとフォントが指定されます。
フォント指定追加のお知らせ (09/15 01:00追記)
モナーフォントのフォント指定を強化しました。
「mona-gothic-jisx0208.1990-0」 も指定した方が良いらしいので。
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Mona", "mona-gothic-jisx0208.1990-0", "IPA モナー Pゴシック", "IPAMonaPGothic";
参考：
ブログにAAを貼るための設定:AAなにっき....〆ﾐ・д・,,ﾐ2ちゃんねる用フォント「モナー」
http://pc.2ch.net/unix/kako/981/981805118.html >>339-340
Mac版画像追加のお知らせ (07/09/16 12:30追記)
記事先頭部に、実況サロンにてもらいましたフォント比較画像を追加しました。
Mac上のSafariブラウザで表示したものです。
うちのWin版Safariは少しAAがズレて表示されてしまうのですが、これは平気ですね。
IPAモナーPゴシックはアウトラインフォントとしてアンチエイリアス環境で使うと非常に奇麗にAAを描いてくれます。
モナーフォントはアウトラインも一応ありますが、AA用にこだわって改造したビットマップが特徴。ビットマップ表示ならこれ。
ビットマップで使いたい場合は旧VerをDLすればいいようです。アンチエイリアスが勝手にかかる環境で、それが嫌な人向けかな。
参考：
AA をズレなく表示する方法 - BathyScapheWikiモナーフォント 2.90 を使用する
モナーフォント 2.90では、アウトラインデータが含まれており、アンチエイリアスのかかった状態で表示することができます。ただし、一部の機種依存文字がうまく表示できないかもしれません。アンチエイリアスのかかった状態で AA を表示したい場合は、IPA モナーフォントや MS P ゴシックフォントの方がよいかもしれません。
モナーフォント 2.22 を使用する
モナーフォント 2.22 は、アウトラインデータが含まれていないため、アンチエイリアス表示することはできません。しかし、最も安心できる表示品質です（AAをずれなく表示するという目的において）。アンチエイリアスが不必要な場合は、このバージョンをインストールすることをおすすめします。
あと、どうでもいいメモ。ニコニコ動画掲示板とかで使ってるimg0chのデフォスキンではMonaフォントを優先表示させてる様子。
img0ch Developpers BBS
.res_body {
font-size: 12pt;
font-family: "Mona","IPA モナー Pゴシック","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;
line-height: 115% !important;
}
行の高さは115%かー。
AAなにっきに書いてある 16px(フォントサイズ) * 1.125 = 18px(行の高さ) ってのがIE標準準拠に見えるんだけどなあ。
細かすぎて差がほとんどわからないが、ほんとは115%の方がIE標準だったりしてｗ まあ、区切りがいい高さだからpx指定でこのままいくかな。
関連リンク
IPAモナーフォントモナーフォント
Windows上のIEの画面。
]
はてなアンテナ
はてなブックマーク
