CSS Fonts(font)属性は 、フォントファミリー 、 サイズ 、 太さ 、および テキストスタイル (斜体など)を定義するために使用されます 。
フォントファミリー
CSSは、font-familyプロパティを使用して、テキストのフォントファミリーを定義します。
p { font-family:"微软雅黑";}
div {font-family: Arial,"Microsoft Yahei", "微软雅黑";}
フォントサイズ
CSSはfont-sizeプロパティを使用してフォントサイズを定義します。
p {
font-size: 20px;
- px(ピクセル)サイズは、当社のWebページで最も一般的に使用される単位です。
- GoogleChromeのデフォルトのテキストサイズは16pxです
- ブラウザが異なれば、デフォルトで異なるフォントサイズが表示される場合があります。デフォルトのサイズではなく、明確な値のサイズを提供するようにしています。
- 本文のページテキスト全体のサイズを指定できます
フォントの太さ
CSSは、font-weightプロパティを使用して、テキストフォントの太さを設定します。
p {
font-weight: bold;
}
フォントスタイル
CSSは、font-styleプロパティを使用してテキストのスタイルを設定します。
p {
font-style: normal;
}
注:通常、テキストをイタリックにすることはめったにありません。代わりに、イタリックラベル(em、i)をイタリック以外のフォントに変更する必要があります。
フォント複合属性
font属性は、上記のテキストスタイルを組み合わせて記述できます。これにより、コードを保存できます。
body {
font: font-style font-weight font-size/line-height font-family;
}
- フォント属性を使用する場合は、上記の文法形式の順序で記述する必要があり、順序を変更することはできず、各属性はスペースで区切られます。
- 設定する必要のない属性は省略できますが(デフォルト値を使用)、font-size属性とfont-family属性を保持する必要があります。そうしないと、font属性が機能しません。