CoFo Peshka—от аэросаней до суперсемейства в 144-х начертаниях

КоФо Пешка возникла из необходимости оформить серию передвижных выставок, посвящённых авиации. Изначально шрифт рисовался в одном начертании, а основными референсами послужили надписи на аэросанях времен 1920-х годов. Работа над шрифтом началась ещё в 2016 году и продлилась 7 лет. Почему так долго, в чём состоят особенности шрифта, как проект вырос от 1 до 144 начертаний, почему стали рисовать иврит, с какими трудностями мы столкнулись—обо всем этом мы решили подробно рассказать.

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

В процессе работы над шрифтом мы собирали исторические фотографии надписей на самолётах, авиационной технике, агитационных и рекламных плакатах 1920–1940-х годов.

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

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

Это не единственный индустриальный шрифт в нашей библиотеке. Посмотрите трафаретный шрифт—CoFo Kabeltouw.

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

Например, буква У стала основополагающей для остальных диагональных знаков. В узком начертании она казалась слишком жирной в месте соединения диагоналей, а в широком у диагоналей были слишком острые горизонтальные срезы. Решением стало добавление горизонтального штриха. Эта конструкция так понравилась нам, что мы решили оставить её и для латинской Y тоже.

В последний момент перед публикацией мы всё-таки добавили в шрифт более традиционную альтернативу, но это уже другая история ;)
 

Горизонтальный штрих позволил добавить необходимого белого во внутреннем треугольнике во всех начертаниях. Форма стала достаточно выразительной и подчеркнула характер шрифта. Горизонталь оказалась решением для таких букв как У Х Ж К А V W. Она позволила добиться нужной ширины для этих букв в широком начертании, но при этом не наклонять диагонали слишком сильно. А в узком начертании получилось избежать чрезмерного скопления чёрного в местах присоединения штрихов.

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

Сохранение дуплексности шрифта оказалось особенно сложным в широких начертаниях и подтолкнуло нас к поиску баланса:

[1]  Сохранили близкие пропорции в полуовалах Ь Ъ Ы, но компенсировали их так, чтобы избежать большого пробела в Ы между полуовалом и вертикальным штрихом в светлом начертании и слишком маленького пробела между ними в жирном;
 

[2] Сбалансировали такие знаки, как Ш и Щ. Часто внутреннее белое в этих буквах одинаковое, но для сохранения гармоничных межбуквенных расстояний мы сузили Щ в жирном начертании и расширили в светлом.
 

Пешка позволяет создавать макеты с различными ширинами начертаний, но одинаковой насыщенностью:

[1] Для жирных начертаний мы увеличили внутреннее белое и компенсировали толщину штрихов, чтобы узкое начертание не смотрелось слишком жирным.

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

Поскольку шрифт вариативный по двум осям, было важно, чтобы:

[1] Вертикальные и горизонтальные усы были соизмеримых длин в таких сложных по конструкции буквах как S. В самом узком и широком жирных начертаниях мы боролись за удачную форму вертикального белого внутри букв.
 

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

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

Пешка—статичный и закрытый шрифт. Это заметно в вертикальных окончаниях штрихов на примере букв S Э З. Мы стремились сделать эти знаки максимально закрытыми, насколько это позволяла общая насыщенность широкого жирного, чтобы добиться равномерной плотности набора в узких начертаниях. Первоначально цифры 2 3 5 6 9 следовали той же логике.

Однако оказалось, что конструкции цифр слишком сложные и не позволяют нарисовать их закрытыми во всех начертаниях. Диагонали в 3, скруглённые присоединения в 6 9, асимметричность верхней и нижней части в 5: все эти особенности не оставляли места для вертикальных окончаний или требовали высветления цифр относительно остальных знаков. Столкнувшись с такой дилеммой, мы решили оставить цифры открытыми (с вертикальными срезами).

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

Пешка—заголовочный шрифт с компактными выносными элементами, поэтому в процессе работы над расширенной латиницей, мы решили сделать два сета акцентов:
Классический—соответствует по насыщенности начертаниям: этот сет используется по-умолчанию.
Экспериментальный—гораздо более светлый, чем жирные начертания, но максимально компактный: этот сет можно использовать, включив стилистический сет «Thin accents» в панели OpenType (или Type Details в Figma).

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

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

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

Альтернативное решение нашлось—мы вдохновились принципом, который часто используется на заправочных станциях в США, где маленькие цифры расположены одна под другой для отображения цен на бензин. По тому же принципу могут строиться и дроби—«вертикальные дроби» (или «nut fractions» по-английски). Такие виды дробей часто используются для компактности. Оба сета дробей доступны в последней версии Пешки.
 

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

Аня Хораш, одна из создательниц шрифта, в 2019 году уехала жить в Израиль. Переезд подтолкнул её к мысли, что Пешка по своему характеру идеально ложится на пропорции квадратного письма, поэтому без долгих раздумий в Пешку был добавлен иврит. Пешка была первым Аниным серьёзным шрифтовым проектом и стала возможностью исследовать взаимосвязь исторических стилей в разных письменностях. Это стало интересной задачей на поиск гармонии между латиницей, кириллицей и ивритом.

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

В иврите в классических антиквенных шрифтах обычно присутствует акцент на горизонталях (горизонтальные штрихи толще вертикальных), однако в гротесках подобных Пешке, контраст становится вертикальным, аналогичным латинице. Кроме того, при одинаковых толщинах штрихов в иврите и латинице, контраст в иврите ощущается иначе. За счёт длинных горизонталей и редких вертикальных штрихов ощущение акцента на горизонталях усиливается, там, где в латинице он воспринимается привычным глазу. Без оптической компенсации толщин иврит смотрится светлее. Мы пробовали немного менять соотношение толщин, чтобы добиться от строки текста на разных языках одинакового ощущения. Но в итоге вернулись к исходному соотношению, чтобы знаки из разных языков лучше работали вместе в крупных кеглях.

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

Нам хотелось сохранить созвучие иврита с латиницей и кириллицей по ритму и по количеству скруглений, прямых и диагональных штрихов. Иврит в этой области—достаточно гибкая письменность, многие знаки могут иметь как прямую, так и диагональную конструкцию. Но нам было не всегда понятно, какие конструкции будут гармонично смотреться в контексте выбранной стилистики. На этом этапе мы обратились за консультацией к Янеку Йонтефу и Даниелю Грюмеру из студии Fontef, которые помогли нам выдержать исторический контекст.

Этот шрифт вариативный и позволяет пользователю выбрать оптимальный наклон от 25° до −25°. Работа над ивритом, который пишется справа налево, подтолкнула нас к логическому добавлению обратного наклона, за который взялась Криста Радоева. Поскольку прямое начертание на этот момент уже было готово, крайние начертания интерполируются от прямого к наклонному и от прямого к обратно наклонному.
 

В процессе работы количество осей в Пешке выросло до трёх—насыщенность, ширина и наклон, а количество промежуточных начертаний достигло 144. Нам необходима была система организации начертаний, которая была бы понятна пользователю и позволяла легко найти требуемое начертание. Мы разделили шрифтовое семейство на 8 отдельных подсемейств по ширине от 0 до 1000:

CoFo Peshka 0
CoFo Peshka 75
CoFo Peshka 160
CoFo Peshka 260
CoFo Peshka 380
CoFo Peshka 550
CoFo Peshka 750
CoFo Peshka 1000

В каждое подсемейство входят 18 начертаний. Это сделано для удобства пользователя: после установки подсемейство каждой ширины отображается как отдельный шрифт и все начертания легко находятся в выпадающем списке.

P.S. Мы решили это за вас, но рады прислушаться, если вам неудобно работать с такой системой начертаний. Напишите нам!

Если вы дочитали статью до этого момента, вы—наш герой ♥︎
 

Автор текста: Анна Хораш, Мария Дореули
Редактор: Екатерина Баранникова
Моушн: Дима Козляев

Дизайнер шрифта: Мария Дореули
Команда: Анна Хораш, Криста Радоева
Иврит: Анна Хораш
Консультант по ивриту: Янек Йонтеф, Fontef
Мастеринг: Тася Петелина