常に従うべき CSS の標準/共通ガイドラインはありますか? たとえば、Arail のフォント サイズは 12、14、16 (そのうちの 1 つだけ) にする必要がありますか?
3 に答える
この種のものを標準化する本当の理由はありません。視覚的なグリフのサイズは、同じフォント サイズを使用するフォント間で変化します。唯一変わらないのは、デザイン内の他の要素に対する相対的なフォント サイズです。
最終的に、Web デザインを構築するときは、多くの異なるデバイス (読み取り: 異なる DPI 設定) や何百もの異なる解像度 (ブラウザー ウィンドウを最大化せずに Web を閲覧する人を数えない) での表示など、多くのことを考慮する必要があります。さまざまな言語と、さまざまなローカリゼーション設定でコンテンツが占めるスペース。
考慮すべき重要な点の 1 つは、DPI が異なるさまざまなデバイスでフォントがどのように表示されるかということです。このため、さまざまなデバイス、ブラウザー、および解像度をすべて使用して表示することにより、デザインをテストすることを常にお勧めします。
OP の質問から、彼はアクセシビリティのベスト プラクティスを探しているようです。
しかし、そうでない場合は、Drupal と Wordpress のコーディング標準が役立ちます。コード、コメント、ブラウザ固有のハックをインデントする方法を提案しています。
Drupal の場合: http://drupal.org/node/302199
Wordpress の場合: http://codex.wordpress.org/CSS_Coding_Standards
一方、OOCSS と SMACSS は、コードを整理するためのより良い方法を提案します。OOCSS は、あたかも OOP クラスであるかのように、再利用可能なクラスを作成することを提案しています。SMACSS は、スタイルに応じてルールを整理する方法を示しています。
OOCSS: http://oocss.org/
SMACSS:http ://smacss.com/
フォント サイズやフォントに関しては、Arial やその他のフォントを問わず、好きなことを行うことができます。
ベスト プラクティスは、大多数のユーザーにとって読みやすい色、フォント サイズ、およびフォントを使用することです。
デフォルトでは、Web サイトのフォント サイズを 100% に設定すると、16px に相当します。
最近のほとんどの Web サイトでは、標準のフォント サイズとして 14px または 16px のいずれかが使用されますが、12px も依然として非常に一般的です。
それが役立つことを願っています。