x
 
Роман Скрупник
14 октября 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Вариативные шрифты — это хорошо или плохо? Заключение


В прошлых советах я говорила о преимуществах и технических аспектах вариативных шрифтов. В этом совете я расскажу о вариативных шрифтах в веб-типографике.

Адаптивная вёрстка позволила настраивать шрифты по-разному на разных устройствах. На широком экране могут отображаться жирные и большие заголовки, с мобильного — узкие и меньшего кегля:

На сайте шрифта «Бентон» в заголовках используются разные начертания для разных размеров окна браузера. В широком окне заголовки набраны шрифтом «Бентон Модерн Дисплей», в среднем — «Бентон Дисплей Экстраконденсд», в самом узком — «Бентон Дисплей Компресд»

Вариативные шрифты позволят веб-типографике быть ещё более гибкой. Представьте себе, что один и тот же шрифт, прописываемый в стилях, сможет сжиматься при просмотре с мобильного, растягиваться — при просмотре с десктопа, быть чуть темнее в одном браузере и светлее в другом.

Принципиальное отличие от существующих наработок — с вариативными шрифтами буквы будут видоизменяться на каждом шаге так, как задумал автор шрифта.

Кто знает, может быть, студенты следующего поколения уже не услышат правило «никогда не вытягивайте шрифты в Иллюстраторе» :-)

Да, с вариативными шрифтами ещё многое непонятно. Как будет происходить оплата не начертаний, а диапазонов начертаний, какими будут лицензии, как будет выглядеть интерфейс и так далее.

Ник Шерман о вариативных шрифтах в веб-дизайне

Однако веб-разработчики из В3Ц уже показывают черновики обновлений, в которых есть вариативные шрифты. А Адобе через год после объявления о создании нового формата показали, как будет выглядеть интерфейс вариативных шрифтов в Фотошопе:

В окне Type Layer Properties в Фотошопе появятся слайдеры для вариативных шрифтов. Можно посмотреть, как это работает, в официальном «тизере» вариативных шрифтов в Фотошопе

Дизайнеры шрифтов предоставили больше десятка вариативных шрифтов в тестовом формате. В браузерах Сафари, Хром и Фаерфокс уже можно посмотреть на них в действии, правда, пока с дополнительными настройками:

Сайт Аксис Праксис, на котором можно тестировать вариативные шрифты. Но пока тестирование доступно только в бета-режиме браузеров

Поэтому мне кажется, что вариативные шрифты — это отличная идея, и я думаю, что через год-два они взлетят.

P. S. Это был субботний совет о шрифте в дизайне. Хотите знать всё о выборе шрифтов для проекта, о подборе шрифтовых пар, о каллиграфии, летеринге и создании собственных шрифтов? Присылайте вопросы.

Поделиться
Отправить

Комментарии

максим грязнов
14 октября 2017

Есть примеры вариативного курсивного начертания?


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как работать со шрифтами 3 Какие шрифты подходят для газетной вёрстки?




Недавно всплыло

Защититься от случайного нажатия «Сдаться» 1 Как сделать нагляднее таблицу перфорированных лотков? Часть вторая 5 Несмотря на то, что между нами была договорённость о работе по ФФФ, клиент был в бешенстве 5 1