可変なフォントサイズ(clamp)

font-size: clamp(15px, 1vw, 30px); font-size: clamp(15px, 4.8vw, 20px); font-size: clamp(15px, 3vw, 40px); font-size: clamp(20px, 4.17vw, 40px); font min 15px max 40px　viewport min 480 max 1020
clamp(0.938rem, -0.451rem + 4.63vw, 2.5rem)

clamp()関数には最小値、推奨値、最大値の3つの値を設定することができ、その中の条件に合うものが適用されます。

clamp(最小値,推奨値,最大値)

推奨値：要素の大きさ最小値と最大値の間である限り推奨値が適用
最小値：最も小さい値で、推奨値がこの値よりも小さくなる場合には最小値が適用
最大値：最も大きな値で、推奨値がこの上限値よりも大きい場合には最大値が適用

【推奨値の計算式】
最小のフォントサイズ　÷　最小のフォントサイズの画面サイズ　✕　100　=　vwの値

例として、400px［最小のウィンドウサイズ］で、フォントサイズを20pxにしたい場合
20　÷　400　x　100　=　5vw
となり、推奨値は5vwに設定します。

clamp()関数を設定してくれるアプリ
Min-Max-Value Interpolation