для тех кто считает ремы в рем калькуляторе
scss функционал:
$baseFZ: 14px;
@function rem($size) {
@return $size / $baseFZ * 1rem;
}
$fz10: rem(10px);
$fz11: rem(11px);
Как дизайнер говорю, что при адаптах такая штука может вести себя не так, как по макету. Я тут иной способ придумал: линейной функцией в зависимости от разрешения экрана задается размер шрифта. Сама функция имеет вид calc(X * 100vw + Ypx). Коэффициенты X и Y можно посчитать, исходя из макета (самое начало алгебры). Если line-height сделать через em, то вид текстового блока будет великолепным. Он на всех разрешениях экрана будет выглядеть в точности таким, как в макете, даже на промежуточных разрешениях.