HTMLフォントフェイスとは

ハイパーテキストマークアップ言語（HTML）では、「フォントフェイス」という用語は2つのことのいずれかを意味します。 これは、囲まれたテキストが表示されるフォントのタイプを定義するために使用されるフォントタグのfaceプロパティを参照できます。 代わりに、カスケーディングスタイルシート（CSS）セレクターのフォントフェースを参照することもできます。これにより、カスタムまたは希少なフォントをWebサイトに組み込む便利な方法が可能になります。 ただし、HTML 4.0言語仕様の時点では、フォントタグのfaceプロパティは減価されています。つまり、Webブラウザによってレンダリングされますが、代わりにCSSの代替を使用する必要があります。

HTMLフォントフェイスは、フォントタグ自体のプロパティとして使用され、開始フォントタグと終了フォントタグで囲まれたテキストのレンダリングに使用するフォントを指定します。 この方法で任意のフォントを指定できますが、ユーザーがコンピューター上に正確な名前のフォントを既に持っている場合にのみ適切に表示されます。 ユーザーがローカルハードドライブに名前付きのHTMLフォントフェイスを持っていない場合、ブラウザーはデフォルトで標準フォントになります。

フォントが見つからないというこの問題は、2つの方法のいずれかで軽減できます。1つ目は、ほとんどすべてのオペレーティングシステムに標準で搭載されている小さなフォントの1つのみを使用し、フォントが正しく表示されるようにすることです。 2番目のオプションは、HTMLフォントフェイスプロパティの機能を使用して、複数のフォントを値としてコンマで区切ってリストできるようにすることです。 faceプロパティでフォントのリストを使用すると、ブラウザーは各フォントを順番に読み込もうとし、現在のフォントが読み込めない場合は次のフォントに進みます。 これにより、予期しない結果を完全に削除できるWebページのより制御された設計方法が提供されます。

HTMLフォントフェイスプロパティが減価償却されると、CSSバージョンに置き換えられました。 CSSを介してフォントを指定する正しい方法は、スタイルとfont-familyプロパティを使用することです。これは、HTMLフォントフェイスプロパティとほぼ同じ方法で機能します。 HTMLタグプロパティは減価償却されていますが、下位互換性のために、ブラウザは引き続きこの機能をサポートする必要があります。

HTMLフォントフェースは、CSSを介して、Webサーバーからカスタムフォントをロードするために使用できるセレクターも参照できるため、ユーザーは事前にフォントを用意しなくてもページを正しく表示できます。 このセレクタを使用すると、デザイナーはフォントファイルを指定し、ダウンロードして、それを必要とするWebブラウザーに表示することができます。 ただし、多くのCSS要素と同様に、異なるブラウザー実装の間には互換性の問題がいくつかあります。