font-size

値の書き方

• 16px などの長さ：その大きさにします。
• em と %：親の要素の文字の大きさが基準です。2em と 200% はどちらも親の 2 倍です。入れ子にすると掛け算で大きくなります。
• rem：ルート（html要素）の文字の大きさが基準です。入れ子にしても大きさが変わらないので、サイト全体の文字の大きさをそろえやすくなります。
• xx-small 〜 xxx-large：決まった段階の大きさです。medium が初期値で、ふつうは 16px です。
• smaller と larger：親の文字より 1 段階小さく、または大きくします。

このページのプレビューでは、親の文字を 16px とみなして単位を換算しています。% や em は、実際には置いた場所の親によって大きさが変わります。

ユーザーの設定を生かすには

ブラウザの設定で文字を大きくしている人もいます。rem や em で書くと、その設定に合わせて大きさが変わります。px で決め打ちすると、ページ全体の拡大はできますが、文字の大きさの設定は効きません。