Рюкзак блестящий, но вам необязательно прибегать к инструментам построения, таким как Gulp или Grunt и т. д.
Я сделал демонстрацию с использованием пользовательских свойств CSS (переменные CSS ), чтобы легко управлять размерами минимального и максимального шрифтов.
Так же:
* {
/* Calculation */
--diff: calc(var(--max-size) - var(--min-size));
--responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px) / (1200 - 420))); /* Ranges from 421px to 1199px */
}
h1 {
--max-size: 50;
--min-size: 25;
font-size: var(--responsive);
}
h2 {
--max-size: 40;
--min-size: 20;
font-size: var(--responsive);
}