フォントしたい(font)
body {
font: サイズ 書体;
}
fontプロパティでフォント表示を設定できます。
書体したい(font-family)
body {
font-family:
}
font-familyで書体を変更できます。
複数の書体を、優先度をつけて設定できます。
サイズしたい(font-size)
body { font-size: 20px; }
h1 { font-size: 3rem; } /* 3倍 */
h2 { font-size: 2.5rem; } /* 2.5倍 */
h3 { font-size: 2rem; } /* 2倍 */
h4 { font-size: 1.5rem; } /* 1.5倍 */
h5 { font-size: 1.5rem; } /* 1.5倍 */
h6 { font-size: 1.5rem; } /* 1.5倍 */
font-sizeでフォントの大きさを変更できます。
サイズにremを使うとウェブサイト全体の文字の統一感を出しやすくなると思います。
上記サンプルでは、
ルート要素(body)のサイズを20pxに設定し、
それぞれの見出しのサイズをx倍に変更しています。
注釈
実際に使ってみるとh4からh6は見出しとしての出番が少ないタグです。
フォントサイズは同じにして、別の装飾で見分けられるようにしています。