HTMLフォントファミリとは何ですか？

ハイパーテキストマークアップ言語（HTML）フォントファミリは、Webページのコーディングでレンダリングされる同様の書体の選択肢のグループです。 汎用HTMLフォントファミリを設定すると、さまざまなWebユーザーが公開されたWebサイトを開いたときに表示されるさまざまなフォントが提供されます。 ほとんどのコンピューターユーザーは、オペレーティングシステムやWebブラウザーの選択などの要因に応じて、マシンで選択できるフォントの数が限られています。 すべてのテキストに特定のフォントをコーディングするWebプログラマーは、そのフォントがすべてのモニター画面で正しくレンダリングされない可能性があるため、サイト訪問者の数を制限する場合があります。 通常、HTMLフォントファミリを使用するとこの問題は回避され、経験豊富なWebデザイナーは通常、最も一般的な3つのHTMLフォントファミリのうち少なくとも1つを選択します。

HTMLの操作には、興味深く使いやすいWebサイトを作成するためのさまざまな設計上の決定が含まれます。 初心者によくある間違いの1つは、多くのユーザーにとって読みにくく、すべてのブラウザーで正しくレンダリングされないフォントを選択することです。 このタイプのテキストは、多くの場合、ファンタジーまたは装飾と呼ばれるHTMLフォントファミリーに属します。 これらのフォントはトレンディーに見えるかもしれませんが、ほとんどのWebデザイナーは、控えめに使用し、段落の冒頭にドロップキャップ文字などの装飾を追加する場合にのみ使用することをお勧めします。

Webページテキストの最も一般的な3つの選択肢は、サンセリフ、セリフ、およびモノスペースです。 サンセリフ文字は直線から構成され、ArialやHelveticaなどの一般的なフォントが含まれています。 Times New Romanなどのセリフフォントには、各文字の各ストロークに末尾があり、コンピューター画面でこのテキストの大きなブロックを読みにくくすることができます。 モノスペースフォントは通常、タグまたはコード要素の説明にのみ使用され、Webコピーの残りの部分から目立つようにします。 HTMLコーディングに関するWebサイトには、たとえば、モノスペースでレンダリングされたタグの例が含まれていることがよくあります。

HTMLフォントファミリを指定するには、グループ内で最初に使用可能なフォントをWebページに適用するようにWebブラウザーに指示する必要があります。 特定のユーザーのコンピューターシステムで最初のフォントが使用できない場合、ブラウザーは2番目に使用可能なフォントを検索してレンダリングします。 HTMLフォントファミリをページに適用したいWebデザイナーは、カスケードスタイルシート（CSS）宣言でfont-faceタグまたはfont-familyプロパティタグを使用できます。