フォントサイズを設定するときにはfont-sizeプロパティを使う。

フォントサイズの単位でemと%を使うときは注意

フォントサイズは親要素のフォントサイズを1em(100%)として扱うため入れ子になっていると表示の制御が難しくなる

また、主要なブラウザの標準的なフォントサイズは16pxとなっている。

フォントサイズを指定するには主に２つの方法がある

タグごとにフォントサイズを指定する

body {
    font-size: 14px;
}
h1 {
    font-size: 20px;
}

h1のフォントサイズを20px、それ以外を14pxにするという意味になる

単位にremを使うことで実現する。remとはルート(htmlタグ)のフォントサイズの倍率を指定できる。

remを使うときには必ず、htmlタグのフォントサイズを指定すること。

また、remを使うことでhtmlタグのフォントサイズを変更するだけですべてのフォントサイズを変更できるため、パソコンとスマホでの大きさを変えるときに便利

html {
    font-size: 14px;
}
h1 {
    font-size: 1.4rem;
}

h1のフォントサイズを約20px、それ以外を14pxにするという意味になる