Вариативные шрифты

Вариативные или переменные шрифты. Что это такое и их возможности. Новый шрифт Recursive. Пример использования переменного шрифта Oswald. Практические рекомендации.

Мои курсы:

Приглашаю в свои соц. сети:

Поддержать автора и выпуск новых роликов:

Дополнительные ссылки:

#frontend #optimization #fonts

[IvanKleshnin]

Дополню сказанное. 1) Исправление выворотки через letter-spacing не помогает с расстояними ВНУТРИ букв (Р будет более заплывшим в более толстом шрифте). Это ещё одна мотивация выбранной коррекции. 2) В правильно сделанном шрифте толщина и ширина букв работают независимо (утолщение не увеличивает ширину строки). В этом плане Oswald немного подкачал. При коррекции толщины выворотки (снижения толщины линий) расстояние между буквами визуально увеличивается, но его всё-равно нужно подбирать для каждого начертания отдельно. Для пары 475 и 500 можно обойтись одним letter-spacing.

[zerdox]

Круто, спасибо. Единственное — замечательно слышно посторонние шумы, но то что клики, я даже слышу как мышка ездит по столу. В остальном всё супер

[sia]

А я то думаю, чего мне это дизайнер какой-то непонятный шрифт Oswald-VariableFont_wght.ttf скинул. А тут вон оно как