Сегодня нет никаких технических, технологических, финансовых, нейро-эстетических обоснований для использования в цифровых продуктах такой конструкции как «шрифтовая пара». Это искусственное ограничение дизайнерской мысли носит исключительно исторических характер и не способствует здоровому развитию специалистов не заставших «типографскую печать».

Историческая параллель

Авторитет Яна Чихольда в дизайн среде — неоспоримый авторитет. Его вклад в современную типографику не только монументален, но и остается единственным воплощением всей печатной и цифровой продукции. В послевоенные годы новая волна «швейцарского дизайна» сформировало то как мы сейчас видим и воспринимаем любой текстовый формат: книги, газеты, сайты, электронные книги, соцсети и мессенджеры. И евангелистом Футурологов по праву является Чихольд. 

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

Я осуществляю типографическую революцию, направленную главным образом против идиотских тошнотворных книг, пассеистических стихов, с бумагой XVI столетия, украшенной галерами, Минервами, Аполлонами, заглавными буквами и вензелями, мифологическими овощами, эпиграфами и римскими цифрами. Моя книга должна быть футуристическим выражением нашей футуристической мысли. Еще лучше: моя революция направлена и против так называемой типографской гармонии, противной приливу и отливу стиля, разворачивающегося на странице. Мы будем употреблять на одной странице три или четыре разных цвета, а в случае необходимости двадцать разных шрифтов.

Ян Чихольд

Новая типографика

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

Необходимо, чтобы шрифт читался на рекламном билборде, когда мы проносимся мимо него на скорости 100 км час. Этой фразой можно определить всю послевоенную эпоху, а вместе с ней и новые веяния в дизайне и культуре. Скорость стала быстрее, города больше, печать дешевле. Локальную революцию произвело массовое распространение и доступность фотографии. Один клик затвора пришел на смену часам художника-иллюстратора. Это сравни Midjourney сегодня. 

Для нового мира понадобились быстрые инструментарий производства рекламы и новые средства выразительности. Так появились в массовом сознании гротеск и культовая Helvetica, новые правила верстки и принципы печати. Что, разумеется, всегда было вопросом цены. 

Шрифт стоит денег. Так было почти всегда. 

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

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

По сравнению с вытачиванием печатного штампа, затраты на создание цифрового шрифта были не такие существенные, но труд оставался тяжким. Вот что об этих временах говорит Мэтью Картер, шрифтовой дизайнер, создавший Tahoma и Verdana для Microsoft.

Все хотят свою Гельветику

В 2011 Google представила шрифт Roboto. В 2014 Apple презентовала San Francisco. В 2016 CNN показали CNN Sans. В конце 2017 IBM представила IBM Plex, отчасти потому, что ежегодние зтраты на лицензирование Helvetic’и составляли миллион долларов.

С другой стороны, большинство типографских шрифты долгие годы оставались не оптимизированными для вывода на цифровые экраны и мелкий кегль. Работа по диджитализации той же Гельветики начались в 2004 и закончились в 2010. 

Дело в том, что чернила имеют свойства растекаться и до начала второго десятка двухтясячных все шрифты, что мы использовали в цифре были преимущественно типографскими. Они учитывали это свойство жидких чернил, поэтому были определенных пропорций, леттеринге, ширины и имели «ловушки для чернил». Все изменилось с приходом Google fonts и шрифтов, предназначенных только для цифрового вывода.

Ловушки для чернил
Ловушки для чернил

Итого, уже есть ограничения по стоимости и технической реализации самих шрифтов, но это еще не все. Были ограничения и самого web.

Еще вчера

Сегодня все тыкают в экраны сенсорных дисплеев, уже и не помнятся ощущения от техники гипертапинга для набора нужного символа на Nokia 3310. Ровно как и забылось понятие «безопасных» шрифтов. 

Точной даты стандартизации поддержки шрифтов я не вспомню, тк по большей части с 2008 по 2011 занимался Flash проектами. Но библиотека Google Fonts запущенная в 2010 году сделала свое дело — дизайнеры-верстальщики (еще одна забытая профессия) перестали «нарезать» нестандартные шрифты JPG’ами. А юристы перестали требовать файл лицензии на шрифт для подтверждения законности его использования на сайте, тк многие шрифты библиотеки GoogleFonts распространяются под лицензией SIL Open Font License.

И в этот маленький промежуток зарождения web’а, между типографскими-«безопасными»-дорогими и открытыми-цифровыми шрифтами родилось понятие «Шрифтовая пара». Тогда для основного текста использовалась какая нибудь «безопасная» Tahoma, а заголовки делались акцентным Impackt, но картинками. 

В основе этой конструкции лежат принципы классической типографии — акцентирование внимания и выстраивание иерархии. Но в печати вы не встретите таких искусственных ограничений «пара». Для этого достаточно посмотреть обложку или разворот любого глянца. Даже на выпуске за 1949 их 7 и они, все семь, отлично выполняют свою функцию.

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

Определения

Шрифтовые пары ? Задать для сайта особое настроение можно с помощью разных шрифтов для заголовка и для основного текста.

Tilda

Шрифтовая пара — это несколько шрифтов, которые визуально сочетаются между собой и решают дизайнерские задачи. Парами оформляют одно пространство — интерфейс, книгу, рекламный баннер, брендбук, дизайн-код города. Обычно пара состоит из текстового и заголовочного шрифта. Задача заголовочного — привлечь внимание, текстового — передать информацию.

Яндекс Практикум

Яндекс практикум

Шрифтовая пара — это два шрифта, которые используют в дизайне для оформления текстов на одном пространстве: для заголовка и основного текста на листе в книге или на лендинге, для рекламного призыва и уточнения на баннере, в каталогах, постах в соцсетях, презентациях. Для фирменных стилей часто подбирают или разрабатывают не один шрифт, а пары, и в гайдлайнах указывают, как с ними работать.

Skillbox

Skillbox

Все определения объединяют пример с заголовком и текстом. Простите, а куда делись остальные текстовые объекты? Давно ли вы видели веб-страницу или экран приложения состоящие только из заголовков и текстов? А как же навигация, а кнопки, а CTA, а табы, а чекбоксы, а лейбы, а дискрипроры к полям ввода, а чипсы и тд?

В любом интерфейсе будет больше чем два объекта нуждающиеся в иерархии. Именно поэтому в 2013 году — десять лет назад. Компания Google представила нам Material Design, как стандарт для web и android платформ. В нем проработана иерархическая система различных текстовых объектов из 13 пунктов. При этом используется только одна гарнитура с разными начертаниями и кеглями.

Такой пример тоже относится к понятию «Шрифтовой пары», однако шо тут «парного» не понятно: и гарнитура одна и начертаний три и леттерспейсингов девять. 

Шрифты в паре могут относиться к разным гарнитурам и полностью отличаться по стилю, то есть составлять контрастную пару. Либо наоборот могут быть подобраны в рамках одного семейства, сохранять единый визуальный облик, но различаться начертаниями и образовывать подобие.

Яндекс практикум

Яндекс практикум

Напомню, что стандартизация MD никогда не была про дизайнеров, наоборот, ее выпустили для команд не имеющих сильных дизайнеров, чтобы подтянуть исполнение всех приложений в Google Play до одного визуально приемлемого уровня. Те стандарт для разработчиков. И Гугл верила, что читая документацию условный «программист» сможет осилить 13 текстовых стилей, если снабдить их примером. Что подчеркивает, что она не является избыточной или мега-усложненной. А я верю, что и дизайнер может осилить больше чем два шрифта/гарнитуры в одном проекте.

Иерархия

К сожалению примеры, которыми аперируют адепты «шрифтовых пар» — это в основном печатный формат: брошюра, обложка, статья, пусть и в электронном виде. А как быть если речь идет о полноценном сайте, например медиа-платформе или стриминговом сервисе, на котором иерархия контента строится не только на уровне одной публикации или экрана, а на уровне категорий контента: новости, анонсы, лонгриды, акции, статьи, блог, сторис и т.д.

Красоту шрифта определяет не пара или подогнанные параметры кейгля и жирности, а его функциональность. Если есть значимая задача которую можно решить путем добавления еще одного начертания, еще одного шрифта, еще одного кегля, то это стоит делать!

У вас в проекте может получится и 6 шрифтов и 8 начертаний каждого. Главное чтобы это было функционально оправданно. 

Прекрасный пример такого подхода, когда дизайнер думает, а не слепо придерживается правилу — Ярмарка Тщеславия — Vanity Fair. Когда даже заголовок и текст имеют по два разных набора шрифтов в зависимости от того логрид это или короткая новость. Не говоря уже о разнообразии лейблов, маркеров, дискриптеров и кнопок как на главной, так и в самих публикациях.

Вы в праве использовать любое количество шрифтов, если у этого решения есть обоснование. Ограничений к этому больше нет.