Современным браузерам нужен только woff2.
Предыдущему поколению woff.
Остальное в топку.
Смотрите поддержку на caniuse и решайте только woff2 или с woff
Ну и local я бы не стала использовать. У пользователя там может оказаться шрифт любой кривизны.
Убрать обертки вокруг пар заголовок + текст, если не решите использовать семантику.
А то у вас какой-то компот, header внутри div.
Хорошо бы поменять на dl. Ну или на table.
Опять же, если без оберток, то всё само и расставится, если с обертками, то subgrid либо js, если не устраивает поддержка сабгрида..
Во-первых, кроме vw, уже есть единицы от контейнера cqw, cqi и т.д.
Во-вторых, в css есть функции для ограничения размера min, max и clamp.
А в-третьих, нужно помнить, что совсем не всегда можно просто так взять и уменьшить шрифт пропорционально ширине вьюпорта/контейнера. Бывают дизайны и дизайнеры, которые наоборот, на мобилках делают шрифт крупнее, чем на десктопах.
Зачем же бегать.
Вы же и спрайт не руками собираете, я надеюсь.
Вот туда же в сборку и дописать.
p.s. логотипу вообще нечего делать в спрайте с иконками, если это логотип сайта.