MacとWinでHPの文字が違って見えるのはなぜ？

質問

はじめまして。
今HPを制作してるのですが、Windowsでは字が並んで見えるのに、
Macで見るとものすごく間が開いて見えるんです・・・。
データも普通なはずなんですが。
これはどのように対処すればいいのでしょうか？
初心者なので、まったくわかりません。
どうかよろしくお願いします。

ちなみにHPはWindowsでGoLiveを使って制作してます。

回答No.2

ponta_777 · ベストアンサー

WEBの仕事をしているものです。
回答としては、WinとMacのフォントの違いにあります。
サイズが違いますので、同じ状態で見ることは不可能に近いです。
Macでも、ieとサファリでも違いがあります。
スタイルシートでピクセル指定してもやはり違いが出ます。
どうしても同じように見せたいのならば文字を画像にして
表示させる方法もありますが、ページサイズも重くなりますし、
読みにくいのであまりおすすめはできません。

回答No.4

noname#40524

Winの画面解像度は『96dpi』でMacは『72dpi』です。
この為Winで12ポイントの文字を使用するとMacでは
14ポイント程度の文字と成り、レイアウトが崩れます。
文字の指定を『ピクセル』ですれば解決します。
テーブルタグについてはネットスケーブで検証すれば
問題無くIEで表示されますが、タグの解釈が異なりますので、
別のコードが必要です。
現在テーブルタグでレイアウトすること自体は推奨されていません。

回答No.3

harawo

＞ Macで見るとものすごく間が開いて見えるんです・・・。

「ものすごく」という表現が妥当かどうかわかりませんが、すこし間が開いているのはたしかです。
フォントのデータには二種類あります。ビットマップとアウトライン。ビットマップはドット（点）の集まりとしてデータが記録されており、アウトラインは数式で文字の形状を記録しています。
アウトラインは数学的に拡大縮小できるので、一種類のデータしかありませんが、ビットマップのほうは文字の大きさによっていくつものデータを持っています。
Windows OSのフォントは高さ16ピクセルのデータがあり、Internet Explorerのデフォルトの本文の文字サイズが16ピクセルになっています。対してMac OSのフォントには高さ14ピクセルのデータがあっても、16ピクセルのデータはありません。そして、MacのInternet Explorerは、WindowsのInternet Explorerと表示される大きさを合わせるために、本文の文字サイズを16ピクセルにしています。
16ピクセルの文字データがないのですから、14ピクセルを代用することになり、その2ピクセルの差が「間」となってしまうわけなのです。

ところで、MacのInternet Explorerは開発終了になっており、MacintoshにおけるメインのウェブブラウザはSafariとなります。Safariは小さい文字を別にしてビットマップでなくアウトラインのデータでフォントを表示するので、不自然に文字間が開くということはありません。

回答No.1

altosax

Mac版のieで見ると行間が開いて見えてしまうケースは時々私も体験したことがありました。
この場合はマックが悪いのでなくブラウザーがMac版のieだから、という理由ですので他のブラウザーだと綺麗に見えました。

このほかに、表組みが入れ子になったとき、親の表の横幅サイズ指定と子の表の横幅指定が矛盾した数値のとき、マックではieでも何でも矛盾を修正して表示してくれる親切設計だけど、ウインドウズだとｉｅだけは杓子定規に矛盾をそのまま厳しく適用してくれて表示が崩れてしまうというケースを体験したことがありました。
これはウインドウズでもｉｅだけの問題で他のブラウザだと自動修正してきれいに表示してくれました。

初心者でうっかり矛盾したサイズの指定などしてしまった場合は、自分ではそんな自覚がないので、どこで何を間違えたのかぜんぜんわからないですよね。

私も自動作成のソフトを使っていますが、結局ｈｔｍｌの中身の読み方を理解できないと困ったトラブルの修正が対処できなくて、ふうふう言いながらｈｔｍｌの勉強中です。

マックとウインドウズと、それぞれに3種類ぐらいのブラウザーを用意して、固有のブラウザーだけで起きる表示の崩れなのか、無条件にどれで見ても発生する崩れなのかをチェックするといいと思います。

わたしはウインドウズとマックの両方に、ieとオペラとモジラ（ファイヤーフォックス）の３つでチェックしてみるようにしています。
でも頭が痛くなるばかりですねー。

おたがいにがんばりましょう！