MacとWinでのCSSにおけるフォント大きさ指定

Question

自分はWinを使っているため、Macでの環境動作確認が出来ないのでご存知の方教えて下さい。
CSSでフォントサイズを指定するとき、pt指定ではなくてpx指定がMacにもWinにも
いいのですよね？
それはpxで指定するとWinで見てもMacで見ても同じ大きさのフォントに見えるからでしょうか。
もし違うなら、Macでこのpxだったらギリギリちゃんと見える・・・という大きさを教えて頂けますでしょうか。
Winで見たときに10pxくらいの小さいかわいい文字でサイトを作りたいと思っているので、よろしくお願いします。

Adams2001 · Accepted Answer

Netscape6.xでは、pxで指定してもユーザが文字サイズを変更できますので、それによる表示の崩れを防止することはできません。

そもそもブラウザの機能で文字サイズを変更できるようになっているのは、視力が弱い等の理由で作者の指定した文字サイズでは閲覧に支障をきたすのをユーザが回避するためです。ですから、文字サイズは極力ptやpxなどの絶対値指定を避け、smallやlargeなどの相対指定することが推奨されています。

それでレイアウトが崩れて困る、というのはTABLE要素で（やはり絶対値を使って）レイアウトするなど、これまたユーザにとって不親切なよろしくない技法でレイアウトしているから、ということがほとんどでしょう。

#視覚障害者が音声ブラウザを利用してアクセスした場合、TABLE要素でレイアウトされたページの多くは正しく理解するのが困難であり、事実上利用できません。


HTMLとCSSに対して相応のスキルがあれば、上記のようなよろしくない技法に頼らずに高度なレイアウトを実現し、かつ文字サイズを変更されたりブラウザの表示サイズを変更された程度で見苦しく崩れるようなこともありません。

#できれば勉強して、高いスキルを身につけてください。

が、なかなかそこまでできる人は（専門家でも）少ないので、とりあえずはpxで指定すればよろしいと思いますが、10pxが「小さくてかわいい」と思われるのか、「小さくて見づらい」と思われるのかは、見る人によって違います。私の場合は10pxで書かれるとかなり見づらいので、せめて12pxにしてもらえれば、と思います。

saekiya · Answer

>CSSでフォントサイズを指定するとき、pt指定ではな>くてpx指定がMacにもWinにも 
>いいのですよね？ 

良く、御存じですね。その通りです。
Windows環境でしか御存じない方が作られたページを
Macで見ると、全く見え方が違うのでびっくりされると思います。

pxで指定すると、ほぼ同じ大きさになりますので、
旧来のテーブルタグでのレイアウトとCSSを併用されると、いいレイアウトができます。
CSSばかりに頼ると、表示できないブラウザ（や古いバージョン）が増えますので、要注意。

あと、関係ないですが、機種依存文字に気をつけて下さい。商用ページでも結構あります。

参考URL：http://www.hotwired.co.jp/webmonkey/2000/17/index2a_page4.html

future9 · Answer

私もpx推奨派です。互換を気にする場合はこれが一番です。
ところで、10pxと言う指定は小さすぎるのではないでしょうか。
640x480では丁度良くても、1280x1024では辛い領域に入ると思います。
OSよりも様々なモニタサイズで動作確認してみてはいかがでしょう。

余計なお世話でしたらすみません。

ARC · Answer

私は％派ですねぇ。ブラウザで文字のサイズを変えたときについてきてくれるのがウレシイ。

大きい文字で読みたいのに、サイズを変えてもフォントのサイズが変わらなかったりすると、ちょっとクヤシイです。
ま、レイアウトよりも使い勝手優先ってことで。(でも、Macに持っていったときに、ptで指定するよりも「見れる」ページにはなる。)

MacとWinでのCSSにおけるフォント大きさ指定

>CSSでフォントサイズを指定するとき、pt指定ではな>くてpx指定がMacにもWinにも

私もpx推奨派です。

私は％派ですねぇ。

Netscape6.xでは、pxで指定してもユーザが文字サイズを変更できますので、それによる表示の崩れを防止することはできません。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング