こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ホームページで使われるフォントについて

既に質問が出ているかも知れませんが、ホームページの中に特殊なフォントで文字が指定されていた場合、閲覧するパソコンにそのフォントがインストールされていない場合は標準的なフォントで表示されるのでしょうか。
実は、ホームページをMacで表示すると、ホームページの文字が非常に美しく、聞いてみると、Windowsではメイリオというフォントできれいに表示されると聞きました。
このフォントでホームページを書いてみたいのですが、Windows機でもきれいに見えますか。

投稿日時 - 2009-09-07 21:33:28

QNo.5271125

困ってます

質問者が選んだベストアンサー

>閲覧するパソコンにそのフォントがインストールされていない場合は標準的なフォントで表示されるのでしょうか?

そのとおりです。
特にユーザーが表示用フォントを指定していない限り、ブラウザが指定する標準的なフォントで表示されます。

Windowsのブラウザでは
表示用:MSPゴシック、等幅:MSゴシックを設定しているものがほとんどです。つまりユーザーが何もしなければこれで表示されるということです。

>Windows機でもきれいに見えますか?

メイリオには条件があって
Vista:標準でOSがメイリオを持つ、XP:ユーザーがインストールを選択(SP3で自動的に入るのではないと記憶しています)
と、全てのPCで表示できるものではないです。
XP以前のOSにはメイリオ自体の用意がありません。
http://www.itmedia.co.jp/news/articles/0805/07/news087.html

もうひとつは
表示を"Clear Type"(液晶ディスプレイに最適化)としていないと逆にうまく表示できない可能性があります。
これもユーザーが設定を行わないとなっていないのです。
(かといってそれほど劣る訳ではないですけど)
http://trendy.nikkeibp.co.jp/article/tec/winxp/20030207/103731/
http://sinku.org/it-pc/windows-vista/200/
(この2つのサイトはメイリオを指定していますからメイリオの表示サンプルにもなります、そのPCにメイリオが入っていればです)

指定の仕方は
CSSでフォント指定をしますが、すべての来訪者がWindowsではなく、ましてやVistaでもありませんから代替フォントとして複数を指定するのが一般的に行われています。
http://members.at.infoseek.co.jp/dhtml_s/web_proper_font/font_font-family.htm
(このページの"複数のフォントファミリー"のところです)

メイリオのみの指定でも無ければ標準フォントで表示しますから結果としては同じ表示になると思います。

私の管理しているサイトではbody要素に

 font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Verdana, Helvetica, sans-serif;

としています。
(Windows:メイリオが無ければ標準フォント(MSPゴシック)に、Mac:ヒラギノ角ゴ Proが無ければOsakaで、英文:Arial、Verdana、Helvetica(主にMac)で、これらが無ければ他のsans-serif体(ひげ無し書体)でという意味です)

投稿日時 - 2009-09-07 23:30:12

お礼

詳細な説明、ありがとうございます。
良く理解できました。
こんなのこそ、統一して欲しいですね。

投稿日時 - 2009-09-09 11:57:52

ANo.2

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(6)

ANo.6

>ホームページの中に特殊なフォントで文字が指定されていた場合、閲覧するパソコンにそのフォントがインストールされていない場合は標準的なフォントで表示されるのでしょうか。
はい。

また、メイリオを指定する場合には注意が必要です。
WindowsXPで、IE7以降以外のブラウザでは、標準ではClearTypeはオフになっています。
この状態でメイリオを表示すると非常に汚い表示になってしまいます。これに関する質問が以前ありました。表示のサンプルもつけてあるのでご参照ください。
http://oshiete1.goo.ne.jp/qa4761047.html

さてところで私はMacの文字はWindowsに比べてぼやけていて見づらいと感じているのですが、感性の差なのでしょうかねえ。
文字を巨大にすれば問題ありませんが、小サイズではメイリオのように横線をピクセル境界に合わせることをしていないので縦方向にぼやけ、横線の多い文字がほとんど判別不能になります。
メイリオの解決法はかなりの力技なので(引き換えに線幅が一定しない)これが正しいかどうかは何とも言えませんが、少なくとも小サイズでの視認性の面でメイリオは最高のフォントだと思います。

投稿日時 - 2009-09-08 11:21:21

お礼

ありがとうございます。なんとなく理解できてきました。

投稿日時 - 2009-09-09 11:49:08

ANo.5

Z31

私はVistaでホームページを作成していますが、VistaとXPではだいぶフォントが違います。

メイリオもVistaになって出来たフォントでXPには有りませんよね。

ほかにも和式の教科書体などにもVistaにあってXPに無いものがあります。

このようなフォントを使ってVistaで作りますとXPのPCでは、全然違うフォントで表示されます。

私はVistaとXPと両方のPCを持っていますので、XPでフォントの表示を確認しています。

投稿日時 - 2009-09-08 09:24:57

お礼

ありがとうございます。なるほど、よく分かります。

投稿日時 - 2009-09-09 11:50:27

添付の画像は、左がWindowsのSafari、右がMacのFirefox、中央が
WindowsのInternetExplorer7で、フォントはWindowsがメイリオで
Macはヒラギノ角ゴProです。WindowsではClearTypeがONになってい
ますが、「メ」と「ニ」の太さの違いが笑えます。Safariは独自の
エンジンで文字のスムージングをしていますからClearTypeは無関
係です。

というわけで、IEでメイリオを使ってもMacのような表示にはなり
ません。MSゴシックよりはちょっとスムーズ程度の結果でした。

投稿日時 - 2009-09-08 00:07:23

ANo.3

>閲覧者のPCがメイリオ表示するか普通の表示になるかの違いですよね。

はい、支障はないです。
MS Pゴシックとは文字の大きさが違うので、改行位置やデザインのイメージが変わるくらいです。

>ところで、Macの場合、
アンチエイリアスかかってるからギザギザしてませんけど
hirokyonoさんはmac使ってるんじゃないんですか??

投稿日時 - 2009-09-07 23:42:13

お礼

ありがとうございます。パソコンショップなどでMacで自分のホームページを見て、フォントがものすごくきれいなのにびっくりしたのです。

投稿日時 - 2009-09-09 11:51:59

ANo.1

あんまり詳しくないですけど

綺麗に見えるwindowsと綺麗に見えないwindowsがあります。

VISTAだったら、最初からメイリオがはいっているので
アンチエイリアスの効いた表示がされますが、
観覧者がブラウザで使うフォントを意図的に固定している場合は、製作者が指定したフォントで表示されません。

XPは、cleartypeをonにしてあって、xp用のメイリオをインストールしていて、Web製作者指定のフォントでWebページを表示する設定にしている人だけ綺麗なメイリオで表示されるとおもいます。

こちらの今の環境が、XPでcleartypeを有効にして長いので
Webページだけだったらメイリオをインストールするだけでアンチエイリアスがかかるかもしれないですけど試した事ないです。

間違いがあったらすみませんがどなたか補足してください。

参考wikipedia-ClearType
http://ja.wikipedia.org/wiki/ClearType

投稿日時 - 2009-09-07 23:07:03

お礼

ありがとうございます。
閲覧者がメイリオをセットに関係なく、ホームページの中の文字をメイリオで書いておいても特に支障はありませんか。
閲覧者のPCがメイリオ表示するか普通の表示になるかの違いですよね。

ところで、Macの場合、メイリオで書いてなくてもメイリオのようにきれいに表示されるのですか。

投稿日時 - 2009-09-07 23:19:51

あなたにオススメの質問