Как я случайно стал соавтором шрифта, верстая лендинг

#дизайн #типографика #верстка #веб #web

Недавно, работая над версткой лендинга для сайта codly.cc, я нашел шрифт Unageo. Я хотел использовать его в своем проекте, но у него был один недостаток — некоторые буквы русские выглядели не совсем привычно. В ходе моего небольшого расследования я узнал о том, что есть разные виды кириллицы, пообщался с автором шрифта и поучавствовал в разработке с помощью FontForge.

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

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

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

Как обычно, я искал бесплатные (и желательно открытые) гарнитуры на просторах интернета. В этот раз подходящий вариант я нашел в шрифтотеке студии «МЫ С КОТОМ» — это гарнитура с вариативной толщиной под названием Unageo.

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

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

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

Слева: отличия между Болгарской и Русской кириллицей

Справа: церковнославянская кириллица (буквы "г", "д", "к", "з", "т", "и" — отличаются от болгарского начертания)

Из-за того, что болгарская кириллица появилась первой и писалась от руки, то поэтому она напоминает больше курсивное начертание (такие буквы как "ш", "п", "и" похожи на те, что используются в школьных прописях). В свою очередь, современная русская кириллица является смесью болгарской и церковнославянской записи (в которой буквы более прямые: "л", "п", "т", "и").

В итоге, после открытия issue на GitHub, погружения в тему и обсуждения данного вопроса с автором гарнитуры — Ричардом, мы пришли к выводу, что можно добавить отдельное начертание для русской кириллицы.

Я уже склонировал репозиторий и установил FontForge — популярную программу для создания и редактирования гарнитур Open Type. Изначально, автор Unageo создавал глифы в редакторе векторной графики Inkscape, а затем импортировал их в FontForge. Однако, в самом FontForge есть также встроенный редактор глифов — его я и планировал использовать для редактирования.

В Open Type есть понятие наборов стилей (style sets), которые позволяют выборочно менять параметры гарнитуры. В том числе и глифы:

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

Он реализовал это через т.н. наборы стилей (style sets) в Open Type, которые также можно использовать и в CSS:

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

Вот и получилось так, что в каком-то роде я приложил свою руку к типографике и получил для себя крутую гарнитуру для айдентики своего проекта.

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

Если вам понравилась эта статья, буду благодарен, если поставите лайк 🔥 и напишите комментарий — так я пойму, что на подобные темы стоит писать больше.

Также я веду свой Telegram-блог «Код без тайн», в котором пишу о веб-разработке, информатике и других технологиях: