WinとMacのフォントサイズの違い

質問

こんばんは。質問させていただきます。
現在作成中のHPのことなのですが、
CSSでWinはMS Pゴシック、MacはOsakaで表示させています。
例えばなのですが、フォントサイズを13pxで指定させると、
Winでは、約9pt位なのですが、Macではそれよりも大きく表示されます。
(文字自体が若干大きいです。)
その結果テーブルなどでレイアウトが崩れてしまいます。

例えば、Winでは13px、Macでは11pxで表示させる等の方法は無いでしょうか？
PCに関しては疎い方なのでお手数をおかけいたしますが、どうか
ご教示よろしくお願い致します。

回答No.2

liv2007 · ベストアンサー

JavaScriptでブラウザまたはOS別にCSSを変えることが出来ます。

http://www.ognet.jp/bekkan/dtpcolumn/dtpcol32.html

・ブラウザにあわせてCSSファイルを読み込む
http://game.gr.jp/mycom/2/index.htm

お礼

URLを参考にさせていただきました。
とても解りやすく、また大変便利だったため、早速同じ方法で更新しました。
Win Mac共にイメージに近いHPになりました。
ありがとうございました。

回答No.3

kananana

参考URLなどでわかるように
macとwinを両方を考えた場合のフォントサイズは難しいです。

大手サイトでは%指定をしているところも多く見かけますが
ブラウザまで考えるとめんどくさくなり私はpt指定でいいやと諦めました。

http://homepage.mac.com/mikihiro/md/web/font.html
http://www.ichiro.to/note/fsize2
http://blog.d-spica.com/entry/070310fontsize.html

macとwinで違うcssを読ませるのは下記を参考に
http://www.kiwi-us.com/~mizusawa/penguin/html_hint/css_tips/css_memo.html

お礼

URLを参考にさせていただきました。
自分勝手なもので、px指定にしましたが、イメージに近いHPになり、
自分では満足しています。
ありがとうございました。

回答No.1

Hoyat

フォントにはフォントフェイスと言うものがあります。フォントが違えば実はフォントフェイスの大きさも違うのです。
またPゴシック等のP付きのフォントはプロポーショナルフォントです、これは文字によってフォントフェイスの横幅が異なるために、1行に入力できる文字数も変化します。Osakaは等幅フォントですのでフォントフェイスの横幅は一定で、1行に一定の文字数しか入りません。
まずWindows用にはP無しフォントで指定してください。
ゴシック体だったらMS ゴシックです。

次に解像度の表示方法が異なるためもあります。
基本的に画面表示は72dpiなのですがWindowsXｐでは何故か96dpiが使用されています、その為に小さく表示されてしまいます。px指定ではなくpt指定でやってみてください。

お礼

回答ありがとう御座います。
MSゴシックで表示させてみた所、どうも自分がイメージしていたのとは
違う感じになってしまったので、やはりMS Pゴシックに指定しました。
一行の文字幅については、改行を用いて解決することにします。
解像度については、聞いてはいたのですが、あまり意味が解らなかったので、
大変参考になりました。
ありがとうございました。