ビューポート連動clamp()関数のデモ

ビューポート幅375～1280pxの間では、H1要素のフォントサイズが20～30pxの間で変化します。
ボックスの幅を操作して効果をご確認ください。

CSS

/* 全体に有効 */
h1 {
    font-family: 'Verdana', sans-serif;
    font-size: clamp(20px, (100vw - 375px) * 10 / 905 + 20px, 30px);
}