フォントしたい(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
は、このほうが使いやすいかなと思ってフォントサイズを同じにしてあります。