В чем разница между переменными шрифтами и обычными шрифтами ⇐ CSS

[Anonymous]

Я читал о переменных шрифтах и ​​не получаю концепции. < /p>

Существует 5 зарегистрированных оси Wght, wdth, ital, slnt, opsz. Вес шрифта уже ранее существовал, и мы используем его ежедневно в наших CSS. strong>

Кроме того, если я помесчу диапазон шрифта: 100 500 , а затем использую Font-Weight: 600 в Элементы, я не вижу никакой разницы. < /p>

Вес 600 продолжает работать, даже если я ограничил его 500. < /p>

@font-face {
font-family: "sketch_3dregular";
src: url("https://s3-us-west-2.amazonaws.com/s.cd ... oman.woff2")
format("woff2 supports variations"),
url("https://s3-us-west-2.amazonaws.com/s.cd ... oman.woff2")
format("woff2-variations");
font-weight: 100 500;
font-stretch: 85% 100%;
}

html {
font-size: 10px;
margin: 0;
font-family: "sketch_3dregular";
}

p {
font-size: 1.4rem;
line-height: 1.6;
word-spacing: 0.6rem;
font-weight: 600;
}


Подробнее здесь: https://stackoverflow.com/questions/608 ... ular-fonts