CSSによるfont-familyの指定について(1/2)

締切り済みの質問

CSSによるfont-familyの指定について

正しいHTML、CSSという観点から、CSSでfont-familyを指定するべきなのでしょうか?
それとも、しない方が良いのでしょうか?

もし、指定するべきであれば、どのように指定すれば、良いでしょうか?
OSなどPC環境、ブラウザ環境を考慮して、どのように指定すれば良いか、分かる方がいらっしゃれば、教えて下さい。

よろしくお願い致します。

投稿日時 - 2008-09-14 16:07:54

連想キーワード:

QNo.4328198

困ってます

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

[  前へ  |  ]

回答(9件中 1~5件目)

ANo.9

#4です。
>CSSでfont-familyを指定して・・・(中略)・・・でした。
あらかじめ多くの人にインストールされているデフォルトフォントを指定して、環境による差が無くそうとしているのだと思います。

>意図的にフォントを変更・・・(中略)・・・お考えでしょうか?
安全策というのは間違いではないと思います。

特に欧文フォントは種類が多く、他のOSにも備わっている事が多いため、その指定を行っているところを多く見かけます。(OSによって名前が違ったりしますが・・・)
例えば僕自身「"Times New Roman"でしっかりした感じにしよう」とか、「柔らかい感じの"Tahoma"を使おう」という様に決めることはあります。(Tahomaが柔らかい、は僕のイメージなんですけどね・・・)
最近のマックでは「verdana」というTahomaと似たフォントがあるそうですから、「font-family:Tahoma,verdana;」と指定しています。

一方で、日本語フォントは基本のゴシック体が一番読みやすいので、設定していません。(明朝体や楷書体、行書体はなぜか見にくいですね・・・)

結論としては
「環境による差を減らすなら、フォントの指定は最小限にし、初めから入っている欧文フォントを指定するようにする。」
と言う事になります。

投稿日時 - 2008-09-15 18:52:56

お礼

貴重なご意見、ありがとうございます。

「環境による差を減らす」を考えると、指定した方がいいということですね。

「環境による差を減らす」か「ユーザの環境に任せる」かを作り手が考えないといけないということですね。

いろいろと、ありがとうございました。

投稿日時 - 2008-09-16 02:32:14

ANo.8

#5です。
英語を見出し的に使うなら、指定してもいいかもしれません。インストールされている率が高いフォントがある程度ありますし、日本語のような問題は起きないと思いますので。
例えば、
http://www.3point7designs.com/blog/2008/05/08/8-fonts-you-probably-dont-use-in-css-but-should/
を参考にしてください。Win/Macのインストール率も載ってます。

個人的には、必要なら画像を使うというのに賛成です。

悩ましい問題については、下記が参考になるかも。
http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html

投稿日時 - 2008-09-15 14:35:37

お礼

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

>英語を見出し的に使うなら、指定してもいいかもしれません。
そうですね。
海外のブログなど、タイトルや見出しに、フォントを指定しているものを見かけたことがあります。

また、Win/Macのインストール率といった、興味深い参考URLをありがとうございます。

貴重なご意見等、ありがとうございました。

投稿日時 - 2008-09-16 02:19:14

ANo.7

> デフォルトでインストールされているフォントを~
実際には指定する意味ほとんどないような指定ばかりですからね。
だからといって、それ以外の毛筆体とかの特殊な書体を指定しても、入っている環境なんて僅かだから意味ないですけど。
見出し程度とかなら、フォント指定より画像にした方がいいし。

先に紹介したページにもあるように、IEのバグでsans-serifとかの一般名だけで指定すると欧文フォント割り当てて文字化けするというのがあるから、結局MSゴシックとかも指定することになります。

何も知らずに周りでもやっているから自分もという人、少しでも自分が意識した通りに表示させたい指定している人、そんなところでしょう。


特に必要がないなら、具体的なフォント名も絶対的なサイズも指定しないのが一番です。
本文に関して、下手な書体よりも見なれたものの方が読みやすいです。
メニューとかでどうしても12ptでないとレイアウトが崩れるとかでない限りは、80%とかの相対指定にしてくれればいいのに、下手にページ全体のサイズ固定していると読みにくくて、MSのサイトなんか特にそう。
自分のブラウザではなぜか8pt程度になって読みにくいこと。

投稿日時 - 2008-09-15 08:17:55

お礼

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

>何も知らずに周りでもやっているから自分もという人、少しでも自分が意識した通りに表示させたい指定している人、そんなところでしょう。
私もそんな感じがします。

ユーザビリティの面から見ると、何も指定せずに、ユーザーの環境に合わせるのがいいってことですね。

貴重な意見等ありがとうございました。

投稿日時 - 2008-09-16 02:04:45

ANo.6

>OSなどPC環境、ブラウザ環境を考慮して、どのように指定すれば良いか

そういった複雑なことを考慮するならば、
万人に障害が出ないように「何も指定しない」のが一番良いです。

逆に閲覧者(のPC環境)が限定的で特定できているのなら
いろいろ指定してもいいかもしれませんが。

投稿日時 - 2008-09-15 07:22:33

お礼

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

>万人に障害が出ないように「何も指定しない」のが一番良いです。
そうですね。
何も指定せず、ユーザに任せるのがいいってことですね。

ありがとうございました。

投稿日時 - 2008-09-16 02:09:20

ANo.5

実際にサイトを見て回ると、本文書体のフォントを指定してあるケースが意外に多いのですが、これはむしろやめるべきだというのが私の考えです(古いIEか何かで、Serifだけの指定だとうまく表示されないバグがあったのが、こういう指定の原因という話を見たような気もしますが)。

例えばWindowsを想定して、メイリオやMS Pゴシックを優先指定してあると、以下のようなケースで問題になります。
1)XP用のメイリオをインストールしてあるがクリアタイプを使用していない→メイリオが美しく表示されない
2)表示が美しい他のフォントをブラウザで指定してある→フォント指定されているために美しくないフォントでの表示が強制される
※どちらも私自身が経験していることです(苦笑)。

ニュース系だとITMediaがMSUIゴシックを指定してあって読みづらいですし、日刊スポーツが本文MSPゴシック。よく見るサイトはFirefoxのStylishでCSSを上書きしていますが、そんな手間はかけないで済む方がありがたいのです。
ちなみに通常設定は、M+1P+IPAGをGDI++でアンチエイリアス表示しています。特殊な例ではありますが、そういうケースもあるということで。

Serif、Sans-serif、Monospaceについては、ブラウザで表示用のフォントが指定できるので、ユーザーにまかせるべきだと思います。
見出しや、引用(Blockquote)等、意図的に特別なフォントを使いたい場合のみ、指定した方がいいのではないかと思います。

投稿日時 - 2008-09-15 03:27:03

補足

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

メイリオの問題は、どこかの記事で読んだことがあります。

フォントを指定してあるケースが意外に多いのは、やはりデザイナーの自己満足的なものでしょうかね。
例えば、近未来的なデザインに明朝系のフォントが入ったらイメージが崩れるから、ゴシック系を指定する感じなのでしょうかね。。。

私も指定はしていないのですが、見出し等、意図的に特別なフォントを使いたい場合は、文字を画像にしてます。
その方がインパクトがあります。

投稿日時 - 2008-09-15 04:24:32

あわせてチェックしたい
  • CSS font-size について ...
  • CSS font-sizeのパーセンテージ指定「管理がややこしくないですか?」 ...
  • FONTを指定できない ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら