Думаю, многие слышали о CSS-функции clamp() - https://developer.mozilla.org/ru/docs/Web/CSS/clamp()

С помощью этой функции можно добиться плавного изменения размера шрифта при изменении ширины браузера

Чтобы вручную не подбирать значения, можно воспользоваться хорошим генератором - https://fluid-typography.netlify.app/

У clamp() хорошая поддержка браузерами (https://caniuse.com/?search=clamp()), поэтому можем использовать эти возможности в текущих проектах