先日,フォントについて触れましたが,もう少し書いてみます.
3種類のフォントで表示してみます.どのように表示されてますか? フォントを指定してありますので,どのブラウザでも同じように表示されて良いハズなんですが,実際にはマチマチ.多少自体が違っても良いですが,あまり違うと意図したデザインにならず,たとえば表などが崩れるわけで・・・
MS Pゴシック ABCDEFGHIJKLMNOPQR STUVWXYZ1234567890 あいうえおかきくけこ アイウエオカキクケコ 亜井雨絵尾化気苦毛個 |
MS ゴシック ABCDEFGHIJKLMNOPQR STUVWXYZ1234567890 あいうえおかきくけこ アイウエオカキクケコ 亜井雨絵尾化気苦毛個 |
Arial Unicode MS 13 ABCDEFGHIJKLMNOPQR STUVWXYZ1234567890 あいうえおかきくけこ アイウエオカキクケコ 亜井雨絵尾化気苦毛個 |
次は,いろいろなブラウザで表示させた例です.jpg化してありますので,どのブラウザで見ても同じように表示されるはず.ただし,私の環境での表示なので,環境により(たとえばWindows7とか),このようなjpgにはならないかも知れません.まず,右がChrome.そして左下がFirefox,右下がIE8.下段左がOpera,右がSafari.
クリックすると大きく表示します.
特にSafariの「MS ゴシック」.半角英数が,広い文字間となり全角と同じ幅.これには参りました.また,フォント指定のない場合,あらかじめブラウザ側で指定された指定されてフォントを使います.IEでは「MS Pゴシック」のようですが,Safaroは「Arial Unicode MS 13」のようで,これまた,ブラウザによって違うフォントとなり,意図した表示と異なることになります.
まっ,こんなこともあって,このサイト内の各ページを,せっせと修正することにしたのでした.まいったマイツタ.
関連ブログ
・2009/11/19 文字化けSafari
・2010/01/05 サイト整備