見出しに使えそうな、多くのPCに入っているフォント

質問

日本語フォントで多くのPCにデフォルトで、もしくはMSオフィスなどを入れた時に入る
見出しに使えそうなゴシックフォントを教えてください。
CSSのfont-familyで見出しに割り当てたいと思っています。
対象の環境はwinXP～7とmac10.4～10.7です。

ご教授ください。

回答No.4

Katsu_Kaiz · ベストアンサー

こんばんは、お礼ありがとうございます。

Office の書体も使うとなると、下のリンク先にある、「HG○○体」も追加できるかと思います。HG の G はゲイツの G らしい（参考 URL）ですから、これらは完全なマイクロソフト系書体（ただし、作ったのは MS ではなくリョービとリコー）です。
　◆標準以外の日本語フォント / もうパンツはかない
　　http://rinrin.saiin.net/~aor/fonts/nsfonts

このほか、年賀状ソフトなどについてくる激安書体（DF○○体とか AR○○体とか……）も、候補として挙げられるかもしれません。なお、２番さんがおっしゃるように、メイリオは Vista 以降の書体ですが、その気になれば XP にも導入できます。
　◆ダウンロード詳細 Windows XP 向け ClearType 対応日本語フォント
　　http://www.microsoft.com/downloads/ja-jp/details.aspx?FamilyID=f7d758d2-46ff-4c55-92f2-69ae834ac928

一方の Mac は、OS X 以降であればヒラギノになりますので、このなかから太いヒラギノを選べば大丈夫かと思います。ジョブズが文字好きだったのは有名な話ですが、そのためかヒラギノもふくめて、Mac のフォント環境は非常に充実しています。仮に Windows に新ゴを入れたとしても、Mac みたいには綺麗に表示されないですよ(笑)。

参考URL：

http://knn.typepad.com/knn/2009/10/歴史的名言コンピュータになぜ２種類のフォントがいるんだっ.html

お礼

ご回答ありがとうございます。
確かにXPなどでクリアタイプの設定がONになっていない方もおられますね。またマックのようにシャキッとならないfont-sizeがありますよね。
fireworks、イラレ、フォトショップでのレンダリングでも違いがでますよね。
私はマックとウィンドウズの両方を使っていますので把握しています。

しかしながら、アナリティクスのデータからOSを判断してこのエントリーを投稿しました。
また最近、グーグルのクロールのされ方が変わり、検索画面でh1～h6に内包された画像や、text-indentで隠された文字が表示されません。
そのため対象のサイトの特性からプレーンテキストに変える必要があります。

見た目の制御に関してはJSでインストールフォントを判別できるようなので、それも同時に使いたいと思います。

この手の質問には必ず、神経質な方が現れます。
うんざりします。
ウェブデザインは流し読みするものであってじっくり眺めるものでは無いと思います。

またシステムとは、環境によって柔軟に変更できるものであることが望ましいと感じてます。

また適切なビューを構築できる今のcss2ベースのブラウザでは役不足だと感じます。縦組みも満足に出来ないのかと感じます。それを差し置いてフォントだなんだと議論するのがバカバカしいと感じています。

画像は画像なんです。
背景画像は背景画像なんです。

ご回答ありがとうございました。
非常に参考になりました。

回答No.3

DrFell

Office でインストールされるフォント
http://support.microsoft.com/kb/837463/ja

すべてのフォントが見出しに使えますので、好みのものをお選びください。

一応、挙げましたが、officeが普及していることを過信されないほうがいいです。

企業では、Ms-officeはインストールされているでしょうが、家庭では普及率はぐんと落ちます。最近ではワードやエクセルはvistaやwin7は基本機能は無料でマイクロソフトが提供している（office starter）のでそれらで済ませる人も多く、それらにはフォントは含まれていません。

officeを必要としない人もいれば、必要だが、高いms-officeは買わずに、無料で互換性のあるofficeやお値段の安いofficeを買われている方もおられます。当然、それらには期待されているフォントはインストールされていません。ｍｓ-officeを持っている人でもパソコンが重くなるのを嫌ってインストールしない。印刷時など自分が必要な時にのみ一時的に入れるソフトを使われる方も多いです。

また、macユーザーではms書体は美しくないと毛嫌いする人もおられますので、注意が必要です。

お礼

ご回答ありがとうございます。

> また、macユーザーではms書体は美しくないと毛嫌いする人もおられますので、注意が必要です。

ですのでマックユーザーに関してはCSSで優先順位の操作をします。

対象のサイトのOSとブラウザの判断からチョイスです。
また対象のサイトは今年中に消滅しますので
なるべく編集性に重点を置かなければなりません。

見た目を完璧に求めたブランディングサイトではありませんので神経質にならないで答えていただけると嬉しいです。

ご回答ありがとうございます。

回答No.2

DrFell

http://rinrin.saiin.net/~aor/fonts/allfonts
上記のページではそれぞれのosの標準書体が掲載されています。メジャーなwinやmac以外のos、linuxなどのosの書体も掲載されていますのでその中からお選びになるか、webフォントをお使いになるかですね。

1さんのメイリオはxpでは使えませんので、メイリオを使いたい場合はmsゴシックなども候補にいれるなど、標準にこだわらなくても、これが無い場合は次の候補でもいいと思います。

webフォントは時間が掛かる場合もあるので、手放しで推薦するわけには行きませんが、各人のosにインストールされていなくても、自分でアップしたフォントを使えますので、そのフォントがないということがなくなります。ただし、新らしめのブラウザに限ります。こちらもこれからは視野にいれて選択されればいいと思います。ただし、フォントの権利には注意する必要があります。許可されていないフォントをwebフォントとして利用することができません。

IEにも対応！10分でできるWebフォント実装法
Read more: http://ascii.jp/elem/000/000/465/465458/#ixzz1kz24YKLf

デコもじ
http://decomoji.jp/

お礼

ご回答ありがとうございます。

font-familyでは複数のフォントを優先順位を考慮し指定できますので広くOSにインストールされている見てくれのいいフォントを探しています。

例えば、デザイナーが多くくるサイトでは新ゴを使ったりしても問題ないと思います。

オフィスなどが入った一般ユーザーの話です。
一般的なPC環境のほとんどがWindowsです。
またプレインストールなどにより買った時にMSオフィスが入っているんです。

とりあえずマックはヒラギノ系のフォントを指定することにします。

回答No.1

Katsu_Kaiz

MS Office を持っていない人のことを考えると、font-family で指定できるのは、残念ながら OS の標準搭載書体だけです。その一覧を参考 URL に載せておきましたが、Windows ではメイリオとＭＳ ゴシック系、Mac ではヒラギノ角ゴシック体となります。さらにスマートフォンなどを考慮すると、最後の最後は sans-serif や monospace になるわけで……。

このほかの書体を使いたい場合は、いま話題の「Web フォント」を利用したり、書体を画像として埋め込んだりするしかありません。

◆デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
　http://decomoji.jp/
◆もじでぱ｜ウェブフォントでブログ＆ホームページの文字（フォント）を自由に変更して楽しもう♪
　http://mojidepa.com/login

参考URL：

http://rinrin.saiin.net/~aor/fonts/fonts

お礼

ご回答ありがとうございます。
今回はスマホは考慮しませんのでPCで広く観覧できるフォントの種類が分かれば大丈夫です。