Сегодня нет никаких технических, технологических, финансовых, нейро-эстетических обоснований для использования в цифровых продуктах такой конструкции как «шрифтовая пара». Это искусственное ограничение дизайнерской мысли носит исключительно исторических характер и не способствует здоровому развитию специалистов не заставших «типографскую печать».
![](https://habrastorage.org/getpro/habr/upload_files/c4d/9eb/6fc/c4d9eb6fce2cd5ad97ec84c75b8fd397.jpg)
Историческая параллель
Авторитет Яна Чихольда в дизайн среде — неоспоримый авторитет. Его вклад в современную типографику не только монументален, но и остается единственным воплощением всей печатной и цифровой продукции. В послевоенные годы новая волна «швейцарского дизайна» сформировало то как мы сейчас видим и воспринимаем любой текстовый формат: книги, газеты, сайты, электронные книги, соцсети и мессенджеры. И евангелистом Футурологов по праву является Чихольд.
Однако, и сто лет назад проблема выбора и количества шрифтов была также актуальна. Привожу две мои любимые цитаты из книги Новая типографика:
Я осуществляю типографическую революцию, направленную главным образом против идиотских тошнотворных книг, пассеистических стихов, с бумагой XVI столетия, украшенной галерами, Минервами, Аполлонами, заглавными буквами и вензелями, мифологическими овощами, эпиграфами и римскими цифрами. Моя книга должна быть футуристическим выражением нашей футуристической мысли. Еще лучше: моя революция направлена и против так называемой типографской гармонии, противной приливу и отливу стиля, разворачивающегося на странице. Мы будем употреблять на одной странице три или четыре разных цвета, а в случае необходимости двадцать разных шрифтов.
![](https://habrastorage.org/getpro/habr/upload_files/b44/ce3/4f6/b44ce34f62f77bfc7bcc431e969e5005.png)
Ян Чихольд
Новая типографика
Причина таких революционных настроений, что тогда, что сейчас — прорыв в технологиях. О днях текущих чуть позже, сейчас об истории, чтобы понимать первопричины.
![](https://habrastorage.org/getpro/habr/upload_files/8d3/8f8/e66/8d38f8e66d74ff91feb23af4c9aa8d8f.jpeg)
Необходимо, чтобы шрифт читался на рекламном билборде, когда мы проносимся мимо него на скорости 100 км час. Этой фразой можно определить всю послевоенную эпоху, а вместе с ней и новые веяния в дизайне и культуре. Скорость стала быстрее, города больше, печать дешевле. Локальную революцию произвело массовое распространение и доступность фотографии. Один клик затвора пришел на смену часам художника-иллюстратора. Это сравни Midjourney сегодня.
Для нового мира понадобились быстрые инструментарий производства рекламы и новые средства выразительности. Так появились в массовом сознании гротеск и культовая Helvetica, новые правила верстки и принципы печати. Что, разумеется, всегда было вопросом цены.
Шрифт стоит денег. Так было почти всегда.
В доцифровую эпоху шрифт представлял собой набор литер выточенных или отлитых на штампах. Они собирались в слова и предложения, строки в абзацы, а те в страницы. Каждый кегль символа был отдельным штампом. Держать и обслуживать несколько таких шрифтов было дорогостоящим предприятием, ровно как и умение работать с ними наборщикам.
![](https://habrastorage.org/getpro/habr/upload_files/df5/db2/d40/df5db2d4005513be762859ae71ff9c48.jpeg)
На заре цифровой эпохи, было что то подобное. Когда появились операционные системы с поддержкой графического интерфейса, разрешение мониторов было низким. В то время все поддерживаемые шрифты были растровыми, что означало, что каждый кегль каждой буквы был отдельным рисунком с заведомо закрашенными пикселями. Небыло ни векторных шрифтов, ни алгоритмов их растеризации, были только закрашенные и не закрашенные пиксели.
![](https://habrastorage.org/getpro/habr/upload_files/ebc/7f6/311/ebc7f63111b9e3ea918a2f74b5713789.png)
По сравнению с вытачиванием печатного штампа, затраты на создание цифрового шрифта были не такие существенные, но труд оставался тяжким. Вот что об этих временах говорит Мэтью Картер, шрифтовой дизайнер, создавший Tahoma и Verdana для Microsoft.
Все хотят свою Гельветику
В 2011 Google представила шрифт Roboto. В 2014 Apple презентовала San Francisco. В 2016 CNN показали CNN Sans. В конце 2017 IBM представила IBM Plex, отчасти потому, что ежегодние зтраты на лицензирование Helvetic’и составляли миллион долларов.
С другой стороны, большинство типографских шрифты долгие годы оставались не оптимизированными для вывода на цифровые экраны и мелкий кегль. Работа по диджитализации той же Гельветики начались в 2004 и закончились в 2010.
Дело в том, что чернила имеют свойства растекаться и до начала второго десятка двухтясячных все шрифты, что мы использовали в цифре были преимущественно типографскими. Они учитывали это свойство жидких чернил, поэтому были определенных пропорций, леттеринге, ширины и имели «ловушки для чернил». Все изменилось с приходом Google fonts и шрифтов, предназначенных только для цифрового вывода.
![Ловушки для чернил Ловушки для чернил](https://habrastorage.org/getpro/habr/upload_files/f06/5c9/139/f065c91391d360b0b0ff63ff1edfd88a.png)
Итого, уже есть ограничения по стоимости и технической реализации самих шрифтов, но это еще не все. Были ограничения и самого web.
Еще вчера
Сегодня все тыкают в экраны сенсорных дисплеев, уже и не помнятся ощущения от техники гипертапинга для набора нужного символа на Nokia 3310. Ровно как и забылось понятие «безопасных» шрифтов.
![](https://habrastorage.org/getpro/habr/upload_files/ca4/f2c/292/ca4f2c292da0cf9a55065f398121c182.png)
Точной даты стандартизации поддержки шрифтов я не вспомню, тк по большей части с 2008 по 2011 занимался Flash проектами. Но библиотека Google Fonts запущенная в 2010 году сделала свое дело — дизайнеры-верстальщики (еще одна забытая профессия) перестали «нарезать» нестандартные шрифты JPG’ами. А юристы перестали требовать файл лицензии на шрифт для подтверждения законности его использования на сайте, тк многие шрифты библиотеки GoogleFonts распространяются под лицензией SIL Open Font License.
И в этот маленький промежуток зарождения web’а, между типографскими-«безопасными»-дорогими и открытыми-цифровыми шрифтами родилось понятие «Шрифтовая пара». Тогда для основного текста использовалась какая нибудь «безопасная» Tahoma, а заголовки делались акцентным Impackt, но картинками.
В основе этой конструкции лежат принципы классической типографии — акцентирование внимания и выстраивание иерархии. Но в печати вы не встретите таких искусственных ограничений «пара». Для этого достаточно посмотреть обложку или разворот любого глянца. Даже на выпуске за 1949 их 7 и они, все семь, отлично выполняют свою функцию.
![](https://habrastorage.org/getpro/habr/upload_files/66e/531/a5f/66e531a5f089da2ca51e88cad8c6dd8f.jpeg)
Ограниченный бюджет маленькой провинциальной типографии по выпуску газет в сороковые — не считается искусственнымм ограничением — оно реальное. А вот сегодня и в цифре у нас действительно нет таких ограничений, ни технических, ни финансовых. Однако, данную конструкцию продолжают тиражировать ведущие платформы и образовательные проекты.
Определения
Шрифтовые пары ? Задать для сайта особое настроение можно с помощью разных шрифтов для заголовка и для основного текста.
![](https://habrastorage.org/getpro/habr/upload_files/ec3/197/868/ec3197868e7328318ee4bdfc69182cbc.png)
Tilda
Шрифтовая пара — это несколько шрифтов, которые визуально сочетаются между собой и решают дизайнерские задачи. Парами оформляют одно пространство — интерфейс, книгу, рекламный баннер, брендбук, дизайн-код города. Обычно пара состоит из текстового и заголовочного шрифта. Задача заголовочного — привлечь внимание, текстового — передать информацию.
Шрифтовая пара — это два шрифта, которые используют в дизайне для оформления текстов на одном пространстве: для заголовка и основного текста на листе в книге или на лендинге, для рекламного призыва и уточнения на баннере, в каталогах, постах в соцсетях, презентациях. Для фирменных стилей часто подбирают или разрабатывают не один шрифт, а пары, и в гайдлайнах указывают, как с ними работать.
Все определения объединяют пример с заголовком и текстом. Простите, а куда делись остальные текстовые объекты? Давно ли вы видели веб-страницу или экран приложения состоящие только из заголовков и текстов? А как же навигация, а кнопки, а CTA, а табы, а чекбоксы, а лейбы, а дискрипроры к полям ввода, а чипсы и тд?
В любом интерфейсе будет больше чем два объекта нуждающиеся в иерархии. Именно поэтому в 2013 году — десять лет назад. Компания Google представила нам Material Design, как стандарт для web и android платформ. В нем проработана иерархическая система различных текстовых объектов из 13 пунктов. При этом используется только одна гарнитура с разными начертаниями и кеглями.
![](https://habrastorage.org/getpro/habr/upload_files/3c2/cc4/a1d/3c2cc4a1d6ef1fb390e1a12b510c8d6a.png)
Такой пример тоже относится к понятию «Шрифтовой пары», однако шо тут «парного» не понятно: и гарнитура одна и начертаний три и леттерспейсингов девять.
Шрифты в паре могут относиться к разным гарнитурам и полностью отличаться по стилю, то есть составлять контрастную пару. Либо наоборот могут быть подобраны в рамках одного семейства, сохранять единый визуальный облик, но различаться начертаниями и образовывать подобие.
Напомню, что стандартизация MD никогда не была про дизайнеров, наоборот, ее выпустили для команд не имеющих сильных дизайнеров, чтобы подтянуть исполнение всех приложений в Google Play до одного визуально приемлемого уровня. Те стандарт для разработчиков. И Гугл верила, что читая документацию условный «программист» сможет осилить 13 текстовых стилей, если снабдить их примером. Что подчеркивает, что она не является избыточной или мега-усложненной. А я верю, что и дизайнер может осилить больше чем два шрифта/гарнитуры в одном проекте.
Иерархия
К сожалению примеры, которыми аперируют адепты «шрифтовых пар» — это в основном печатный формат: брошюра, обложка, статья, пусть и в электронном виде. А как быть если речь идет о полноценном сайте, например медиа-платформе или стриминговом сервисе, на котором иерархия контента строится не только на уровне одной публикации или экрана, а на уровне категорий контента: новости, анонсы, лонгриды, акции, статьи, блог, сторис и т.д.
Красоту шрифта определяет не пара или подогнанные параметры кейгля и жирности, а его функциональность. Если есть значимая задача которую можно решить путем добавления еще одного начертания, еще одного шрифта, еще одного кегля, то это стоит делать!
У вас в проекте может получится и 6 шрифтов и 8 начертаний каждого. Главное чтобы это было функционально оправданно.
![](https://habrastorage.org/getpro/habr/upload_files/1b8/816/8b7/1b88168b72f4340ecaf779ac1e0b1dc1.png)
Прекрасный пример такого подхода, когда дизайнер думает, а не слепо придерживается правилу — Ярмарка Тщеславия — Vanity Fair. Когда даже заголовок и текст имеют по два разных набора шрифтов в зависимости от того логрид это или короткая новость. Не говоря уже о разнообразии лейблов, маркеров, дискриптеров и кнопок как на главной, так и в самих публикациях.
![](https://habrastorage.org/getpro/habr/upload_files/788/e4e/ebd/788e4eebdf6a771555a6da7b512522c5.jpeg)
Вы в праве использовать любое количество шрифтов, если у этого решения есть обоснование. Ограничений к этому больше нет.