zaqro toolsFluid Typographyとは
ビューポート幅に応じてフォントサイズが滑らかに変化する手法です。CSS clamp()関数を使い、最小値・推奨値・最大値を1行で指定できます。
clamp()関数の仕組み
clamp(MIN, PREFERRED, MAX)は、PREFERREDがMIN〜MAXの範囲に収まるよう制限します。PREFERREDにvw単位を使うことで、ビューポート幅に比例したサイズ変化を実現します。
タイプスケールとは
一定の比率（モジュラースケール）に基づいてフォントサイズの階層を設計する方法です。黄金比(1.618)やPerfect Fourth(1.333)など、数学的な比率を使って視覚的に調和のとれたサイズ体系を作れます。