3

私のメイン ブラウザ (FF と Chrome) はどちらも 12 ピクセルのフォント用に構成されています。どちらのブラウザでも、フォント ピッカーはフォント プレビューを表示し、どちらも同じサイズで、Web サイトを読むのに快適なサイズです。私の IE ではフォント サイズを設定できませんが、デフォルトで Chrome より少し大きいサイズに設定されているようです。

私の個人的な Web サイトでは、XHTML と CSS を使用し、ページ フォントを「中」に指定し、そのフォント サイズをすべての主要なテキスト (「コンテンツ」テキスト) に使用しています。IE 7、FF 3、および Chrome 0.4 でサイトを表示すると、フォントは期待どおりに表示され、フォント ピッカーと一致します (少し大きい IE を除く)。

しかし、私は他のほぼすべての Web サイト (Google、StackOverflow、The DailyWTF、CodingHorror、Microsoft、Sourceforge、さらには W3C など) にアクセスし、それらはすべて非常に小さなフォントで表示されます。

これは、2 つの異なる O/S (Vista および XP) と 4 つの異なるモニター (ラップトップ、CRT、および真新しい WS LCD) を備えた 3 つの異なるコンピューターに当てはまります。

どうしたの?Web サイトのデザインについて知っておくべき基本的なことを見落としていませんか? それとも、これらすべての Web サイトが、フォントを 50%、0.5 em、または x-small に設定するなど、ばかげたことをしているだけなのでしょうか? Web サイトのデザイナーが、コンテンツ テキストのフォントの選択を尊重できないのはなぜですか (サイドバーやフッターなどは小さいか非常に小さいかもしれないことは理解しています)。

情報に疎い Web サイト デザイナーだけだと思いたくなるかもしれませんが、これらは有名なサイトです。

編集: em や % の使用が馬鹿げていると言っているわけではないことを明確にするために、なぜ多くのサイトが私の設定したサイズの約 50% を使用しているように見えるのか疑問に思っています。確かに、設定したサイズは、テキストを表示したいサイズです。

編集: W3C の CSS 仕様から: 「次の表は、HTML ヘッダーと絶対フォント サイズへの絶対サイズ マッピングに関するユーザー エージェントのガイドラインを示しています。「中」値は、ユーザーの優先フォント サイズであり、参照中間値として使用されます。」 - 私の強調。


Web サイトは、一般的なブラウザのデフォルトである 16px を基準にして相対フォント サイズを設定しているというコンセンサスが得られています。しかし、他のシステムについてはどうでしょうか。すべてのブラウザーがそのようにデフォルト設定されていると期待できますか?

少なくとも私は今問題を理解しています。

最終的な回答を選択する前に、この質問をしばらく開いたままにして、他の人が異なる見解を持っているかどうかを確認したいと思います.


結論: すべてのブラウザーを 16px (125 DPI マシンでは 18px) にリセットし、Web サイトで font-size: 90% を使用するように設定しました。これにより適切な表示サイズが得られ、もちろん、私のお気に入りのサイトはすべて読み取れるようになりました。すべての建設的な回答と活発な行き来に感謝します。

これは素晴らしいコミュニティです。

4

9 に答える 9

8

ほとんどのブラウザ(すべてではないにしても)は、デフォルトのフォントサイズを16pxに設定します。多くのウェブサイトも相対的なフォントサイズを使用しています。ブラウザのフォントサイズがこれよりも小さい場合、これにより問題が発生します。

ブラウザのデフォルトのフォントサイズが16pxの場合を考えてみます。ウェブサイトのフォントが1.0emの場合、16pxとして表示されます。ただし、他のテキストは0.7emである可能性があるため、小さくなります。ただし、デフォルトのブラウザのフォントサイズが12pxの場合、1.0emは12pxになり、0.7emは非常に小さいため、判読できなくなります。

解決策は、デフォルトのブラウザのフォントサイズを16pxに維持することです。これにより、他のユーザーがサイトを表示したときに表示される内容をリアルに表示できます。ああ、相対的なフォントサイズを使用するのがベストプラクティスであり、間違いではありません。

于 2008-12-03T09:02:41.877 に答える
2

最近のほとんどのブラウザでは、%ageにより動的レンダリングが可能です。Ctrl-とCtrl+はあなたの友達です。

少なくともほとんどの開発者は、固定サイズのフォントを設定するのは悪いことだと気づいています。

于 2008-12-03T09:03:38.957 に答える
2

変更できる限り、フォントのサイズは気にしません。それが私がフラッシュ サイトを嫌う最大の理由です。少し前にある大企業の求人ページを見ていたら、フォントが TINY でした。私の本能的な反応は Ctrl-+ (Firefox の場合) を押すことですが、フラッシュでレンダリングされたテキストのサイズを変更できませんでした! すぐにサイトを離れました。私は視力がよくないので、小さな文字を大きくする必要があります。

私がよく遭遇するもう 1 つの問題は、固定幅の Web サイトです。私は高解像度モニター (1600x1200、1280x800 以上) を使用していますが、画面スペースの半分以上が空白になることほど嫌いなことはありません。さらに悪いことに、一部の Web サイトでは、フォントを大きくしても固定幅が大きくなりません。テキストを大きくした後に記事を読もうとしたところ、1行に 3 つの単語があり、右側に空白の画面スペースがたくさんありました...

于 2008-12-03T09:52:00.840 に答える
2

Software Monkey は全世界と戦うために出発しました。彼は、ブラウザがフォント サイズをレンダリングする方法、主要な Web サイト、およびそれらのフォント サイズの設定方法に完全に同意せず、このスレッドのすべての投稿者と激しい議論を交わそうとしています。

私は人生の簡単なガイドラインを持っています。他の誰もが間違っていると思うとき、あなたは正しくないかもしれません。

さらに、あなたが正しかったとしても、一人一人と戦うよりも、周りの世界と一緒に行く方が賢明な場合がよくあります.

ここに考えがあります。あなたが Web デザイナーで、訪問者の 99% 以上がデフォルトのブラウザー サイズをいじくり回さないことを知っている場合、あなたのサイトがその大部分によく見えるようにしたいと思うことは間違いありません。その実用主義が現在の状況を説明しています。

とにかく、あなたの探求で頑張ってください。

于 2008-12-03T13:12:20.110 に答える
1

Chrome でこの問題が発生しましたが、あなたが話している程度ではありません。ただし、一部のページでは、他のブラウザでは問題なく表示される非常に小さなフォントが表示されます。一部のフォーラムでは、実際には投稿ごとにフォントが小さくなります。そのため、通常は最初の投稿とおそらく 2 番目の投稿を読むことができますが、残りは単なるピクセルです :)

于 2008-12-03T09:16:05.780 に答える
0

フォントを%またはemの測定値に設定することは馬鹿げたことではありません。実際、W3Cをお勧めします。

于 2008-12-03T09:00:49.213 に答える
0
  • cssを使用してフォントサイズを操作します
  • フォントサイズをemで指定
  • フォントが異なるブラウザで異なるサイズでレンダリングされる場合は、異なるブラウザにチートコード(例:#、_)を使用します。
于 2008-12-03T09:15:15.750 に答える
0

ブラウザごとに異なる標準があるため、フォントのレンダリング モードも異なると言えます。

于 2009-02-24T20:59:21.993 に答える
0

あなたの編集に答えるには:理由は自明です。ページのデザイナーは、さまざまなプロパティを使用して一連の情報を伝える必要があり、フォントの実際のサイズを変更することは、タイポグラフィとレイアウトで使用できる (最も初期の) ツールの 1 つです。

閲覧者であるあなたは、自分にとって快適なベースラインを定義することができますが、デザイナーがテキストのセクションの重要性を強調または強調したくない場合、それは彼次第であり、あなたの利益になります. #999 またはイタリックよりも 50% の高さで彼を恨むべきではありません。

これはすべて、デザイナーが彼の塩の価値があり、悲しいことにそれを悪用しないことが条件です.

于 2008-12-03T09:21:22.383 に答える