Front-end
@media (min-width: 767px){ h1 { font-size: calc(24px + (16 + 16 * 0.7) * ((100vw - 320px) / 1280)); } }
{ font-size: calc(24px + 16 * ((100vw - 320px) / (1280 - 320))); }
простым способом:
Мы тут сразу закрываем проблему с не соответствием шрифта при размере экрана в 320px.
Остается вопрос как ограничивать размер шрифта при увеличения экрана не «костылем».