フォントをMS P ゴシックにするべきか、メイリオにするべきか

質問

自分のサイトのフォントをMS　Pゴシックにするべきか、メイリオにするべきかで悩んでいます。

自分のPCのOSがVistaなので、これまで当然のようにメイリオをフォントに指定していましたが、メイリオがインストールされていないXP環境のPCで私のサイトを見たところ、別のサイトを見ているかのような印象を受けてショックでした。

メイリオはデフォルトの行間や字間が広めになっているので、メイリオとMSPゴシックの両方で満足できるように表示させようと思うといろいろ苦労してしまいます。

具体的な悩みは、フォントをメイリオにするかMSPゴシックにするかで、
サイドバーの項目の、改行されたり改行されなかったりするので、この文字数なら、このくらいの幅の背景画像を使おうとか、この項目は改行されないように文字を小さくしようといったことをすると、MSPゴシックかメイリオかのどちらかでしかそれが満足できないというものです。

可読性が高いのはMSPゴシックですが、デザインがお粗末なのでできればメイリオにしたいのです。Vistaのシェアが3割にも達していないので、MSPゴシックにしたほうがいいのかもしれませんが・・・。
数の暴力ということで、MSPゴシックにするしかないのでしょうか。
これは、ネットスケープとIEのブラウザ戦争以上の問題になるという記事もありました。
http://www.ops.dti.ne.jp/~okaji/meiryo.html

MSのサイトや一部のニュースサイトはメイリオを指定していますが、GoogleやYahooやほとんどのサイトがメイリオを指定していないので、それに従いMSPゴシックにしようか悩んでいます。

フォントのデザインまでこだわる部分を画像で代替させるのも手ですが、なるだけファイルサイズを小さくしたいし、なによりも面倒なのでできればテキストにしたいのです。

回答No.7

noname#76085

質問事項とは少し外れてしまいますが、ブラウザにもよると思いますが、ユーザースタイルシートと言って、閲覧者がそれを適応した場合、webページの作者（つまり、HeyJudyさん）が作成したスタイルシートより優先して表示されます。

もし私が「font-family: 魚石行書;」という感じのユーザースタイルシートを使用したとすると、文字は魚石行書で表示されます。
ユーザースタイルシートまで行かなくても、文字などの大きさを「xx%」として表示できるブラウザもあります。そうすると当然改行位置なども変わります。
参考URLでは、Windowsでも簡単にフォントなどを変更できることが書かれています。

こうなると、作成者側で強制的にフォントや改行位置を指定するのはナンセンスである、と私は考えています。

参考URL：

http://www.kanzaki.com/info/readable.html

回答No.6

Gizensha

私の環境だと今まで出てきたフォントは全滅のようですが。

最近流行のULCPCなどで見ると、やっぱり改行位置がずれてしまうんじゃないでしょうか。
あるいはユーザのフォントサイズ次第では標準スペックのPCでさえも・

回答No.5

noname#78739

font-familyで、メイリオ、MSPゴシックなど環境分岐を定義しても、行間、文字幅などがメイリオ基準の1つ定義だけなら、非VistaのMSPゴシック環境で見た場合、違和感を感じるのは、まぁ当然でしょう。そういった所が、許容を超えるならば、JavaScriptでOSは判定して、非Vista（MSPゴシック）用のCSSを定義し行間、文字幅などを設定すればいいと思います。

回答No.4

神崎 渉瑠（@taloo）

そんなにメイリオにしたければメイリオを指定して、
メイリオがインストールされていない環境ではMS P ゴシックやMS ゴシック、またはOSAKAなどで表示されるようにすればいいのでは？

回答No.3

noname#83877

メイリオでも良いのではないでしょうか。

http://phpspot.org/blog/archives/2007/03/javascript_46.html

これでメイリオがあるかを判別してフォントサイズを切り替えるとかどうですか？

回答No.2

noname#78739

Macは少数だから無視という考えなら、Vistaか非Vistaで考えるのではなく、Webサイトでメイリオに対応しているサイト数の大小で考えてみては？だいたいメイリオに対応しているサイトは、非VistaではMSPゴシックで表示し、多少の見えの違いは覚悟の上だと思います。

補足

質問がわかりにくくてすいません。現在はfont-familyを　メイリオ、MSPゴシック、Osaka、平ギノにしております。当然メイリオとMSPゴシックでの若干の見えの違いは覚悟しております。
私がお尋ねしたかったのは、MSPゴシックにくらべ幅の広いメイリオにあわせてコーディングすると、MSPゴシックで表示された場合に意図しないところで改行されたり、テキストの可読性が著しく失われてしまうという、見えの違いというレベルではない致命的な問題を解決するにはどうすればいいのでしょうかということでした。

回答No.1

higekuman

詳しくは知らないのですが、OSがMacだと、迷っている2つのフォント、どちらも無いと思いますが、その場合はどう考えていますか？
PC環境が違ってもまったく同じレイアウトにしたいのであれば、画像を使うか、PDFファイルにするしかないんじゃないでしょうか。

補足

font-familyで後ろのほうでOsakaや平ギノを指定しているので大丈夫です。
マック対ウインドウズは　2：98　くらいなのでマックを無視できますが、
Vistaと非Vistaは、　25：75　くらいなので両方とも無視できません。