CSSのさまざまなフォントサイズの指定方式

ピクセル (px)

これはフォントサイズが16pxに設定されたテキストです。ピクセルは絶対単位で、固定されたサイズを持ちます。

ポイント (pt)

これはフォントサイズが12ptに設定されたテキストです。ポイントは印刷媒体などで使用される絶対単位です。

em

これはフォントサイズが1.5emに設定されたテキストです。emは親要素のフォントサイズに対する相対単位で、動的にサイズが決まります。

rem

これはフォントサイズが1.5remに設定されたテキストです。remはルート要素 (<html>) のフォントサイズに対する相対単位です。

パーセント (%)

これはフォントサイズが150%に設定されたテキストです。パーセントは親要素のフォントサイズに対する相対単位です。

vw (ビューポート幅)

これはフォントサイズが2vwに設定されたテキストです。vwはビューポートの幅に基づく相対単位です。

vh (ビューポート高さ)

これはフォントサイズが2vhに設定されたテキストです。vhはビューポートの高さに基づく相対単位です。

calc()

これはフォントサイズがcalc(10px + 2vw)に設定されたテキストです。calc()は計算式を使って動的にフォントサイズを決定します。