CSS とフォント コントロール プロパティを使用して優れた Web サイトを構築する

以前は、Web ページのフォントを変更するには、関連するテキストを タグにネストし、属性を使用してその色、サイズ、スタイルを制御することが一般的でした。現在、このアプローチは視覚的なスタイルと実際のコンテンツのマークアップが混在しているため、認識されなくなりました。現在、フォント スタイル情報を Cascading Style Sheet (CSS) と呼ばれる別のファイルに集約する方法をお勧めします。

フォント情報を 1 つの CSS ファイルに集中させることには、操作が簡単で、特別なソフトウェアを必要とせず、ほとんどの主要なブラウザで均一に動作するなど、明らかな利点が数多くあります。さらに、情報が 1 か所に集中しているため、Web ページの外観を簡単に変更できます。メイン スタイル シートのフォントや色を変更するだけで、その変更は Web ページ全体に即座に「カスケード」されます。サイト。

楽しそうですよね？この記事では、HTML ページのフォント、色、テキスト サイズ、間隔を一元的に制御する必要がある場合に、古い 要素を置き換えるように設計された CSS フォント プロパティについて説明しますので、読み続けてください。活用できる強力なツール。

制御タイプ

font 属性は、対応する要素で使用されるフォントを定義します。通常、このプロパティにはカンマで区切られたフォント名のリストが含まれます。空白を含む名前は引用符で囲むことができます。適用すると、ブラウザーはリスト内で最初に見つかったフォントを使用するか、有効なフォントが見つからない場合はデフォルトの標準ブラウザー フォントを使用します。

リスト A は、この命令の応用例です。

リストA