font(フォント)について

フォント関連の設定をするプロパティです。sizeとfamily以外は省略が可能です。記述の順番が大切です。

■CSS記述

.sample1 { font-style: italic; }

■XHTML記述

<p class="sample1">サンプル</p>

サンプル

■CSS記述

.sample2 { font-variant:small-caps; }

■XHTML記述

<p class="sample2">ｓａｍｐｌｅ(全角) sample(半角)</p>

ｓａｍｐｌｅ(全角) sample(半角)

■CSS記述

.sample3 { font-weight:bold; }

■XHTML記述

<p class="sample3">サンプル</p>

サンプル

■CSS記述

.sample4 { font-size:24px; }

■XHTML記述

<p class="sample4">サンプル</p>

サンプル

■CSS記述

.sample5 { font-family:"MS UI Gothic"; }

■XHTML記述

<p class="sample5">サンプル</p>

サンプル

font(フォント)の設定方法

一括設定: font: (スタイル) (スモールキャップ文字) (太さ) (サイズ) (フォントの種類);
※sizeとfamily以外は省略が可能。
スタイル: font-style: (値);
スモールキャップ文字: font-varient: (値);
※スモールキャップ文字とは、アルファベットが半角全角に関わらず、文字が少々小さめの大文字で表示される文字を指します。
太さ: font-weight: (値);
サイズ: font-size: (値);
フォントの種類: font-family: (値);

スタイル: normal, italic
スモールキャップ文字: normal, small-caps
太さ: normal, bold , bolder , lighter
サイズ: mm , cm , in , pt , pc , em , ex , px , %
※他にもxx-small～などありますが、上記の単位のご利用をおすすめします。
フォントの種類: フォントファミリーについてはこちらをご覧下さい。