CSSフォント
CSS フォント
CSS フォントのプロパティは、フォント、太字、サイズ、テキスト スタイルを定義します。
CSS フォント
CSS には、次の 2 種類のフォント ファミリ名があります:
ユニバーサル フォント ファミリ - 外観が似ているフォント システムの組み合わせ (「Serif」や「Monospace」など)
特定のフォント ファミリ -特定のフォント ファミリ (「Times」や「Courier」など)
Font-family
font-family プロパティは、テキストのフォント ファミリを設(shè)定します。
font-family 屬性は、「フォールバック」メカニズムとしていくつかのフォント名を設(shè)定する必要があります。ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します。
注: フォント ファミリの名前が複數(shù)の文字である場合は、Font Family: "宋體" のように引用符で囲む必要があります。
Font style
は主に斜體テキストのフォントスタイル屬性を指定するために使用されます。
この屬性には 3 つの値があります:
Normal - テキストを通常どおり表示します
Italic - テキストを斜體で表示します
斜體テキスト - テキストは片側(cè)に傾いています (斜體と非常によく似ていますが、サポートはあまりありません)
フォント サイズ
font-size プロパティはテキストのサイズを設(shè)定します。
テキストのサイズを管理する機能は、Web デザインにおいて非常に重要です。ただし、フォント サイズを調(diào)整して段落を見出しのように見せたり、見出しを段落のように見せたりすることはできません。
必ず正しい HTML タグを使用してください。つまり、見出しには <h1>、段落には <p> を使用してください。
フォント サイズの値は絶対サイズまたは相対サイズにすることができます。
絶対サイズ:
テキストを指定されたサイズに設(shè)定します
ユーザーはすべてのブラウザでテキストサイズを変更できません
絶対サイズは、出力の物理サイズを決定するときに役立ちます
相対サイズ:
周囲との相対サイズサイズを設(shè)定する要素
ユーザーがブラウザでテキスト サイズを変更できるようにします
フォント サイズを指定しない場合、デフォルトのサイズは通常のテキスト段落と同じ 16 ピクセル (16px=1em) ）。
フォント サイズをピクセル?yún)g位で設(shè)定します
テキスト サイズをピクセル?yún)g位で設(shè)定すると、テキスト サイズを完全に制御できます:
フォント サイズを設(shè)定するには em を使用します
テキストのサイズを変更できない問題を回避するにはInternet Explorer では、多くの開発者がピクセルの代わりに em 単位を使用します。
em サイズ単位は W3C によって推奨されています。
1em は現(xiàn)在のフォント サイズと同じです。ブラウザのデフォルトのテキスト サイズは 16 ピクセルです。
つまり、1em のデフォルトのサイズは 16px です。次の式でピクセルを em に変換できます: px/16=em
パーセンテージと EM の組み合わせを使用します
すべてのブラウザで、<body> 要素のデフォルトのフォント サイズを設(shè)定する解決策はパーセンテージです。
りー
