文字サイズ(font size)はフォントのボディの大きさのことです。字面のサイズを指すものではないため、同じ文字サイズでも書体によって大きさの印象が異なる場合があります。
CSSで文字サイズを指定するにはfont-size
プロパティを利用します。値にはem
・rem
・ex
・px
など単位つきの数値のほか、パーセンテージ(%
)、medium
・small
・x-large
などの絶対キーワード、smaller
とlarger
という相対キーワードも使えます。
html {
font-size: 112.5%;
}
h1 {
font-size: 2rem;
}
small {
font-size: 0.8em;
}