web-dev-qa-db-ja.com

一般的または頻繁に使用されるフォントサイズが10px、12px、16px、24px、または32pxのような偶数なのはなぜですか?

一部のサイトではまだフォントサイズに奇数を使用していますが、なぜ「一般的に」偶数を使用したのですか?

enter image description here

またはデフォルトでフォントサイズを選択すると通常12pxで表示されます。 enter image description here

23
Sknny

point は、従来の印刷物 typography から継承された測定システムです。 inch and foot のように、さまざまな定義があります。 PostScript の導入により、1/72インチと定義されました。私は特定の歴史を思い出しませんが、長い間特定のフォントサイズを使用することは、コンピューティングよりもずっと前です。それらは機能するので使用され続け、変更の差し迫った必要はありません。

どうやら、pxはreallyは「ピクセル」を表していないようです。むしろ、それは defined で、1/96インチです。 96 dpiの従来のディスプレイの場合、px isはピクセルと同等です。ただし、プリンターと高dpiディスプレイでは異なります。いくつかの一般的なポイントサイズをpxに変換すると、次のようになります。

  • 14pt = 14 * 96/72 = 18.7 px。
  • 12pt = 12 * 96/72 = 16 px。
  • 10pt = 10 * 96/72 = 13.3 px。

変換の結果、分数ピクセルが正確に表示されません。これは、アンチエイリアスやサブピクセルレンダリングトリックを使用しても発生します。したがって、Webデザイナーは、切り上げ、切り捨てを選択できます好みに応じて、習慣、またはスタイルシートのコピー。 (たとえば、13.3は切り上げで14、偶数です。切り捨ては13で奇数です。)


これは技術的な依存関係に関係しています。

偶数と奇数のピクセルサイズの選択に影響を与える「技術的な依存関係」はありません。

アイコンサイズと同様に、フォントサイズまたはその他のピクセル単位の固定サイズは、スケーリングをサポートするために偶数に維持されます。

スケーリングに影響する偶数と奇数については何もありません。たとえば、24の80%= 19.2; 15の80%=12。ただし、24の75%= 18。 15の75%= 11.25。

...ブラウザはピクセルを10進数でレンダリングできません。

えっ?私のブラウザはbase 10で問題なく動作します。

28
習約塔