Вариативные шрифты — стоит ли использовать в дизайне своих проектов?

variable font example 620x320 - Вариативные шрифты — стоит ли использовать в дизайне своих проектов?

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

Как возникли вариативные шрифты

История цифровых шрифтов берет начало со второй половины 80-х годов XX века. Тогда сразу две компании представили свои варианты шрифтов. Для отрисовки символов в шрифтах использовались кривые безье:

  • Adobe — PostScript.
  • Apple — TrueType.

В 1991 году для PostScript в Adobe разрабатывают расширение Multiple Master. Технология позволила хранить в одном файле несколько вариантов шрифта и изменять жирность и его вес.

Технология была крайне неудобна и не стала популярной. Сначала требовалось сгенерировать статичный формат через отдельную программу Adobe Type Manager, а затем загрузить в систему для дальнейшей работы над ним в редакторе.

В 1997 компании Adobe и Microsoft совместно представили технологию OpenType, которая основывалась на TrueType, но расширяла объем поддерживаемых символов с 256 до 65000.

В 2016 году четыре гиганта Adobe, Apple, Google и Microsoft совместно анонсировали новую версию формата OpenType — OpenType Font Variables. Она слегка напоминает Multiple Master, но без необходимости предварительной генерации статического начертания.

OpenType Font Variables example 620x520 - Вариативные шрифты — стоит ли использовать в дизайне своих проектов?
OpenType Font Variables — пример

Технические особенности обычных шрифтов

Например, сделать текст жирным или курсивом мы моем нажатием соответствующих кнопок в редакторе. Но такой вариант не всегда подходит с точки зрения дизайна. Он может быть недостаточно жирным или курсивным.

Для многих шрифтов отдельно создаются варианты с жирным начертанием, курсивом и не только. Обычно они называются так:

  • Font name Regular — базовый шрифт.
  • Font name Bold — жирный.
  • Font name Italic — курсив.
  • Font name Bold Italic — жирный курсив.

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

monitorica font 620x413 - Вариативные шрифты — стоит ли использовать в дизайне своих проектов?
шрифт Monitorica

Технические особенности вариативных шрифтов

Вариативные шрифты — это один единый файл, в котором заложена самая толкая и толстая версии шрифта и дизайнер волен выбирать любой из вариантов в диапазоне.

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

Но на практике мы имеем много ситуаций, когда вариативный шрифт сделан некачественно. Он определенно лучше, чем жирный вариант Regular, но не дотягивает до отдельного файла Bold. Такой шрифт вполне подойдет для подзаголовков, но не в типографике.

Недостатки вариативных шрифтов

Технология существует с 2016 года. За это время развитие шрифтовых редакторов шагнуло еще дальше и разрабатывать новый шрифт стало еще проще, но технология вариативных шрифтов так и не получила массовое распространение.

Возможные причины отсутствия популярности

  • нет сферы применения;
  • технология не нужна рынку;
  • неудобно пользоваться и разрабатывать

Тем более, что не все браузеры и графические редакторы до конца поддерживают такие шрифты.

Но самым важным минусом вариативных шрифтов может быть низкое качество со стороны разработки. Их делают халтурно и дизайнеру проще вернуться к проверенной технологии, чем использовать очередного «кота в мешке».

Похожие записи


Особенности использования шаблонного и уникального дизайна для сайта
Пользовательский опыт, проверенные временем наработки и возможность использовать уже готовые решения для своих задач — это круто.  На примере сайтов...
Популярные ошибки при создании landing page и примеры их решений
Лендинг — специально подготовленный сайт из одной страницы, где размещается очень сжатая, но максимально емкая информация о продукте.  Создание landing...
Разработка логотипа — особенности и нюансы современных логотипов
Логотип — основной маркетинговый инструмент для выделения бренда на фоне остальных, но это лишь малая часть того, что можно предложить...
Этапы проектирования сайта для любых условий
Поцесс проектирования начинается с самых абстрактных выражений о стратегии проекта и заканчивается конкретными моделями. Невозможно начать работу над набором функций...
Важные нюансы при создании мобильной версии сайта
Уже сегодня объем веб-серфинга с мобильных устройств частично превосходит традиционные ПК. А там, где стационарные компьютеры все еще впереди, активно...

Добавить комментарий