Что делать, если нет бюджета на шрифты

Если у проекта небольшой бюджет и в нём не предусмотрены отдельные деньги на покупку лицензии на шрифт, это уже давно не значит, что выбирать придётся только из Arial, Times New Roman и Roboto. Если мы говорим о проекте, активно использующем кириллицу, то выбор всё равно есть — из нескольких десятков, а то и сотен шрифтов. Какие есть варианты легально использовать шрифты и не платить за них «здесь и сейчас»?

  1. Бесплатные шрифты
  2. Шрифты, встроенные в операционную систему (Windows или macOS)
  3. Шрифты из сервиса Adobe Fonts, которые входят в подписку на Creative Cloud. Обратите внимание: без легальной подписки на CC они не будут считаться лицензионными и работать из облака тоже не будут
  4. Шрифты, которые можно использовать в конструкторах сайтов (Tilda или Readymag — в них очень большой выбор кириллических шрифтов, например, в Тильде доступна часть библиотеки Rentafont)
  5. Неочевидный вариант — если проект без бюджета, но очень интересный, а хочется использовать именно этот конкретный шрифт, то всегда можно написать авторам — шрифтовые дизайнеры и студии часто идут навстречу.

Но совет «Используйте бесплатные шрифты» сам по себе не слишком полезен. Поэтому в этом материале мы сделали две важные вещи.
Во-первых, в двух словах описали, что можно и что нельзя делать с бесплатными, системными или адобовскими шрифтами. А во-вторых, составили списки тех шрифтов, в которых кириллица точно есть и выглядит хорошо или хотя бы приемлемо — как минимум, не хуже, чем в Roboto, Times New Roman или Raleway.

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

Помочь сориентироваться в тонкостях рисунка кириллических шрифтов поможет вот эта статья.

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

Списки будут пополняться по мере выхода новых шрифтов. Если мы забыли упомянуть какой-то достойный шрифт — пожалуйста, напишите об этом на адрес promo@paratype.com.

Бесплатные шрифты

Основные бесплатные лицензии — SIL Open Font License, Apache, Creative Commons.

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

Что нельзя делать: продавать бесплатные шрифты, распространять модифицированные версии под оригинальным именем.

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

Список бесплатных шрифтов с кириллицей приемлемого или хорошего качества:

Антиквы

PT Astra Serif → Paratype • Совпадает по метрикам с Times New Roman

Alegreya → GoogleHuerta Tipografica

Alegreya SC → GoogleHuerta Tipografica

Alice → Google

Bitter → GoogleHuerta Tipografica

Brill → Brill.com только некоммерческое использование • I Love Typography коммерческая лицензия

Cormorant → Google

Cormorant SC → Google

EB Garamond → Google

шрифты без бюджета, бесплатные шрифты

Gentium Plus → Google

шрифты без бюджета, бесплатные шрифты

Gentium Book Plus → Google

IBM Plex Serif → IBM • Google • GitHub

шрифты без бюджета, бесплатные шрифты

Roboto Serif → Google

шрифты без бюджета, бесплатные шрифты
Source Serif 4 → Google

Spectral → Google

Spectral SC → Google

шрифты без бюджета, бесплатные шрифты

STIX Two Text → Google

Шрифты без бюджета

Carlito → Google

Commissioner → Google

Шрифты без бюджета, бесплатные шрифтыFinlandica → Google

Шрифты без бюджета, бесплатные шрифтыFira Sans → Google

шрифты без бюджета, бесплатные шрифтыGeologica → Google

шрифты без бюджета, бесплатные шрифтыHibana Sans → Behance • GitHub • Есть поддержка японского языка

бесплатные шрифты, шрифты без бюджетаInter Tight → Google

шрифты без бюджета, бесплатные шрифтыIstok Web → Google

Шрифты без бюджета, бесплатные шрифтыNunito → Google

шрифты без бюджета, бесплатные шрифтыNunito Sans → Google

Onest → GoogleOnest.md

шрифты без бюджета, бесплатные шрифтыOverpass → Google

шрифты без бюджета, бесплатные шрифтыOverpass Mono → Google

шрифты без бюджета, бесплатные шрифтыPlay → Google

шрифты без бюджета, бесплатные шрифтыRoboto Flex → Google

шрифты без бюджета, бесплатные шрифтыSource Sans 3 → Google

шрифты без бюджета, бесплатные шрифтыSrbija Sans → Srbija Sans Font • бесплатен для личных и коммерческих проектов, но нельзя использовать в логотипах и айдентике

шрифты без бюджета, бесплатные шрифтыWix Madefor Display → Google

Yanone Kaffeesatz → Google

шрифты без бюджета, бесплатные шрифтыYsabeau → Googleшрифты без бюджета, бесплатные шрифтыYsabeau Office → Googleшрифты без бюджета, бесплатные шрифтыYsabeau SC → Google

 

Почти бесплатный шрифт — Input (личное использование бесплатно, коммерческое $5 за начертание).

Input → DJR / Font Bureau

 

Акциденция

шрифты без бюджета, бесплатные шрифтыKudry Weird Headline → Paratype

Ambidexter → Paratype

Gogol → Paratype

шрифты без бюджета, бесплатные шрифтыHandjet → Google

Шрифты без бюджета, бесплатные шрифты

Kablammo → Google

Lobster → Google

шрифты без бюджета, бесплатные шрифты

ST-Nizhegorodsky → Google

Oi → Google

Pacifico → Google

Pangolin → Google

Podkova → Google

шрифты без бюджета, бесплатные шрифтыPostertoaster → Sevaab

Press Start 2P → Google

шрифты без бюджета, бесплатные шрифты

Rubik Beastly → Google

шрифты без бюджета, бесплатные шрифты

Rubik Bubbles → Google

Вариантов Рубика с разными эффектами множество, их можно найти здесь.

Ruslan Display → Google

Russo One → Google

шрифты без бюджета, бесплатные шрифтыShantell Sans → Google

бесплатные шрифты, шрифты без бюджета

ST-Tablichka → Alexander Shimanov

Underdog → Google

Yeseva One → Google

 

Blackentina 4F → Fontspring

Le Murmure → Le Murmure

Lemon Tuesday → TypeType

MNSTR → Fontspring

Milka → Lettersoup

Mourier → Velvetyne

Bender → TypeType

Soyuz Grotesk → Typefaces of Temporary State

Stig → TypeType

 

Шрифты macOS

Что можно делать: использовать в виде кривых (в том числе в логотипах) или в растровых изображениях, встраивать в видео и нередактируемый PDF, использовать в печатных макетах, сделанных на компьютере с macOS (кроме San Francisco), использовать в приложениях для iOS (San Francisco и New York)

Что нельзя делать: конвертировать в другие форматы, встраивать в сайты, использовать в приложениях для Android или Windows

Обратите внимание: некоторые шрифты — бесплатные, на них эти ограничения не распространяются.

Список шрифтов macOS с кириллицей приемлемого или хорошего качества:

антиквы и брусковые

Charter

Cochin

Didot Bold

Georgia

Iowan Old Style • (в старых версиях Mac OS X)

Hoefler Text

New York

PT Serif • (бесплатный шрифт)

PT Serif Caption • (бесплатный шрифт)

Publico Headline • (загружается в Font Book по запросу)

Rockwell

Times New Roman

 

гротески

DIN Condensed Bold

Helvetica

Helvetica Neue

Proxima Nova • (загружается в Font Book по запросу)

PT Mono • (бесплатный шрифт)

PT Sans • (бесплатный шрифт)

PT Sans Caption • (бесплатный шрифт)

San Francisco • (не отображается в системе, но можно загрузить на странице для разработчиков)

Tahoma

Verdana

Акцидентные

Brush Script MT

Maku • (загружается в Font Book по запросу)

Marker Felt

Savoye LET

SignPainter

Snell Roundhand

Trattatello

 

Шрифты Windows

Что можно делать: использовать в виде кривых (в том числе в логотипах) или в растровых изображениях, встраивать в видео и нередактируемый PDF, использовать в печатных макетах, сделанных на компьютере с Windows

Что нельзя делать: конвертировать в другие форматы, встраивать в сайты и приложения

Список шрифтов Windows 10 с кириллицей приемлемого или хорошего качества:

Антиквы

Cambria

Century Schoolbook

Georgia

Sitka

Sylfaen

Times New Roman

Гротески

Bahnschrift

Calibri

Consolas

Corbel

Segoe UI

Tahoma

Verdana

Акцидентные шрифты

Gabriola

Segoe Print

Segoe Script

 

Шрифты из пакета Adobe Fonts

Что можно делать: использовать в виде кривых (в том числе в логотипах), в растровых изображениях или в печатных макетах, сделанных на компьютере с оплаченным Creative Cloud, встраивать в видео и нередактируемый PDF, использовать на личном сайте (или на сайте клиента, если у него есть лицензия на Creative Cloud)

Что нельзя делать: встраивать в приложения (вообще нельзя), использовать на сайте клиента, если у него нет лицензии на Creative Cloud

Обратите внимание: некоторые шрифты — бесплатные, на них эти ограничения не распространяются

Подводный камень: Adobe ориентируется на американское законодательство, которое относится к шрифтам как к софту, поэтому для них критично наличие лицензии только у дизайнера. Российское законодательство защищает шрифт и как софт, и как дизайн, поэтому в отечественной практике шрифтовой логотип или использование шрифта в айдентике / рекламе / упаковке считается «вводом шрифта в оборот» и требует наличия у клиента собственного официального разрешения на использование шрифта. Поэтому если у клиента нет лицензии на Creative Cloud, дизайнер передал макет в кривых, а правообладатель — российская студия (на Adobe Fonts их сейчас две, Paratype и CSTM), может возникнуть конфликт юрисдикций. Если клиент крупный или проект громкий, лучше подстраховаться и купить лицензию на использование шрифта.

Список шрифтов Adobe Fonts с кириллицей приемлемого или хорошего качества:

Антиквы

Alegreya • (бесплатный шрифт)

EB Garamond • (бесплатный шрифт)

IBM Plex Serif • (бесплатный шрифт)

Lora • (бесплатный шрифт)

Merriweather • (бесплатный шрифт)

Old Standard • (бесплатный шрифт)

PT Serif • (бесплатный шрифт)

 

Гротески

Alegreya Sans • (бесплатный шрифт)

IBM Plex Mono • (бесплатный шрифт)

IBM Plex Sans • (бесплатный шрифт)

Kaffeesatz • (бесплатный шрифт)

Montserrat • (бесплатный шрифт)

PT Sans • (бесплатный шрифт)

 

Брусковые шрифты

PT Mono • (бесплатный шрифт)

 

Рукописные и каллиграфические

 

Акциденция

Fit

Wak

 

10 основных терминов типографики и их подводные камни

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

Начертание, гарнитура, кегль и другие важные термины — и как их правильно использовать.

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

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

Прописные буквы

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

Шрифтовые термины: гарнитура, кегль, начертание, интерлиньяж,
Прописная Н в Hint

 

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

Шрифтовые термины: кегль, интерлиньяж, начертание, гарнитура, прописные буквы, строчные буквы, контраст, засечка, кернинг

Строчные буквы

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

Шрифтовые термины: прописные буквы, строчные буквы, кегль, интерлиньяж, кернинг, начертание, гарнитура, контраст, засечка, кириллический шрифт, курсив
Строчные «а», «б», «о», «р» в Hint

 

Подводный камень: Хотя в тексте строчных букв гораздо больше, чем прописных, мало кто может вспомнить их конструкцию. Попробуйте, отвернувшись от экрана, вспомнить, как выглядит буква «б» или «ф», а потом проверьте, что получилось: «б» или «Б»? «Ф» или «ф»? Поэтому если вы рисуете логотип, особенно с нуля, а не на основе готового шрифта, внимательно следите за конструкцией знаков.

Шрифтовые термины: курсив, начертание, кернинг, кегль, гарнитура, интерлиньяж, кириллический шрифт, прописные буквы, строчные буквы, контраст, засечка
Ссылка по теме: лекция про варианты конструкций знаков в кириллице

 

Ещё подводный камень: Где стоит ударение в слове «строчные»? Орфоэпический словарь русского языка под редакцией Р. И. Аванесова (М. «Русский язык», 1987) допускает два варианта постановки ударения. В качестве основного варианта для слова в значении «не прописной» указан строчнОй, -Ая, -Ое, в качестве дополнительного — стрОчный, -ая, ое. Словарь трудностей русского языка для работников СМИ М. А. Штудинера (М. «Словари XXI века», 2017) разделяет слова «строчнОй»: строчнАя буква, строчнОе шитьё, строчнОе пение; и «стрОчный»: стрОчная развёртка телеизображения.

Начертание

В современном понимании этого слова начертание — один стиль внутри шрифта. Это комплект знаков шрифта одного определённого рисунка, наклона, пропорций, контраста и насыщенности.

Когда вы выделяете текст и нажимаете I или B, или в меню выбираете между вариантами шрифта Regular, Italic или Bold, то вы как раз выбираете между начертаниями. Regular — регулярное начертание, Italic — курсив, а Bold — жирное. В шрифте может быть одно начертание, может быть несколько, а может сто (и даже больше).

Шрифтовые термины: кириллический шрифт, кегль, интерлиньяж, кернинг, контраст, засечка, начертание, гарнитура
Три из девяти начертаний Nagel

 

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

Шрифтовые термины: кегль, кернинг, начертание, гарнитура, контраст, засечка, прописные буквы, строчные буквы, интерлиньяж, кириллический шрифт, курсив
Книга 1950 года

Гарнитура

Гарнитура, или шрифтовое семейство, — шрифт из нескольких начертаний, которые объединены общим художественным замыслом. Чаще всего начертания в гарнитуре различаются по жирности и рисунку: прямому или курсивному.

Шрифтовые термины: кегль, кернинг, интерлиньяж, прописные буквы, строчные буквы, начертание, гарнитура, курсив, кириллический шрифт, контраст, засечка
Четыре начертания гарнитуры PT Serif

 

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

Шрифтовые термины: кегль, начертание, гарнитура, прописные буквы, строчные буквы, интерлиньяж, контраст, засечка, курсив, кириллический шрифт
Структура прямых начертаний шрифтовой системы Circe Slab с тремя градациями по контрасту: A — неконтрастные, B — малоконтрастные, C — контрастные

 

Подводный камень: Иногда в статьях или лекциях о типографике говорят, что вместо слова «шрифт» правильнее использовать слово «гарнитура», по аналогии с тем, что на английском правильнее говорить не font, а typeface. Но это не так.

Сказать «гарнитура» — это не более правильно, чем «шрифт». На самом деле это более узкое понятие: наборный шрифт с больше чем одним стилем. И если говорить о коннотациях, то слова «гарнитура» и «начертание» сейчас воспринимаются как академические и немного архаичные. Поэтому «В этой гарнитуре пять начертаний разной жирности от Regular до Black» — звучит нормально, потому что мы говорим о стилях в шрифте, а «У гарнитуры мягкий и дружелюбный характер» — уже немного занудно.

Кегль

В типографике кегль — это размер шрифта. Он измеряется не в сантиметрах или миллиметрах, а в пунктах (1 pt = 0,353 мм) или в вебе в пикселях. Самое главное, что стоит знать о кегле — он не равен высоте букв!

Шрифтовые термины: кегль, кернинг, курсив, интерлиньяж, прописные буквы, строчные буквы, кириллический шрифт, контраст, засечка, начертание, гарнитура
Если кегль шрифта 240 пикселей, то высота прописной буквы примерно 168 пикселей, а строчной — 120. Но это не точно

 

Кегль — это одна из традиций типографики, связанная ещё с металлическим набором, когда литеры имели прямоугольную форму с выпуклостью в виде буквы. Тогда измерить высоту самой буквы было сложно (тем более что буквы могут быть разными: прописные, строчные, с выносными элементами и без), а вот высоту прямоугольной площадки — очень легко. В таком виде литеры существовали с середины XV до середины XX века, и когда шрифты перестали быть металлическими, было уже поздно что-то менять…

Шрифтовые термины: курсив, кириллический шрифт, контраст, кегль, кернинг, литеры
Вот так выглядели литеры

 

Читайте также: как литеры превратились в цифровые шрифты

Подводный камень: Высота прописных букв в текстовых шрифтах чаще всего равна 70% кегля. А вот высота строчных (она ещё называется x-height) меняется от шрифта к шрифту и может различаться почти в два раза — при одинаковой высоте прописных! Это важный параметр при выборе шрифта: в практичных шрифтах для чтения в мелком размере или с большого расстояния строчные буквы крупные, а в изящных заголовочных — мелкие.

Шрифтовые термины: кегль
Смотрите, как меняется высота строчных в зависимости от назначения шрифта

Интерлиньяж

Расстояние от базовой линии одной строки до базовой линии следующей строки. Интерлиньяж может быть равен кеглю, тогда расстояние между базовыми линиями будет равно той самой неуловимой высоте кегельной площадки. По умолчанию в программах вёрстки интерлиньяж равен 120% кегля.

Шрифтовые термины: интерлиньяж
Интерлиньяж на примере Hint

 

Подводный камень: Интерлиньяж «по умолчанию» в 120% кегля хорошо работает далеко не всегда. Это вариант для текстового набора шрифтом со средним значением высоты строчных букв и в колонке текста средней ширины (60–70 знаков в строке).

Если строка короткая, 50 знаков и меньше, то увеличения на 20% может быть многовато. Если строка длинная, 80 знаков и больше, то увеличивать интерлиньяж стоит сильнее — не на 20%, а, например, на 50% (то есть интерлиньяж будет 150% кегля).

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

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

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

Контраст

Соотношение между основными (толстыми) и соединительными (тонкими) штрихами в шрифте. Если основные и соединительные штрихи визуально одинаковые, шрифт неконтрастный; если соотношение толщины основных и соединительных штрихов меньше 2:1, то малоконтрастный; если больше, то контрастный. Если соединительные штрихи в шрифте ощутимо толще основных, это называют обратным контрастом.

Шрифтовые термины: контраст
Варианты контраста в шрифте

 

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

Неопытные дизайнеры иногда случайно меняют толстые и тонкие штрихи местами, особенно в буквах с диагоналями. На этом знании основан один из простейших тестов на качество кириллицы в шрифте: если в шрифте с нормальным контрастом (то есть не обратным, а традиционным — вертикали толстые, горизонтали тонкие) левый штрих у букв ДдЛл толстый, то в 10% случаев это сознательный троллинг, а в 90% автор не очень разбирается в кириллице…

Шрифтовые термины: контраст
Ещё по теме: видео о том, как выглядит буква Л

Засечка

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

Шрифтовые термины: засечки, гротеск, антиква, брусковый шрифт
Тонкие засечки без скруглений в Bodoni PT, брусковые засечки в Circe Slab и Hint без засечек

 

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

Шрифтовые термины: засечки, гротеск, антиква, брусковый шрифт
Деление шрифтов на типы по засечкам и контрасту

 

Подводный камень: Почему самый простой тип шрифта — без контраста и засечек — называется «гротеск»? Потому что когда-то для читателей он и выглядел гротескным, то есть странным и необычным. Первые шрифты без засечек появились в начале XIX века, и для людей того времени орнаментированные шрифты с этой картинки были совершенно обычными и привычными, а вот шрифт без засечек — непривычным.

Шрифтовые термины: контраст, гротеск, антиква, брусковый шрифт
Фрагмент из шрифтового каталога Уильяма Кэзлона IV, 1816 год

 

Ещё один подводный камень связан с «ложными друзьями переводчика» в англоязычной и русскоязычной терминологии. Sans serif — это любой шрифт без засечек, по умолчанию мы переводим sans serif с английского на русский как «гротеск». Если в англоязычном тексте встречается Grotesque (или Grotesk), то это уже не любой гротеск, а напоминающий по форме шрифты без засечек XIX и начала XX века.

А самое удивительное, что если в англоязычном тексте встречается Gothic, то это… чаще всего тоже гротеск, а вовсе не готический шрифт. Gothic может быть синонимом Grotesque (например, ITC Franklin Gothic и Akzidenz Grotesk — это шрифты одного типа), а может быть и геометрическим гротеском, как Avantgarde Gothic.

Шрифтовые термины: засечки, антиква, гротеск, брусковый шрифт
Хотя в названии ITC Franklin Gothic и ITC Avantgarde Gothic есть слово Gothic, это гротески, а не готические шрифты

Кернинг

Кернинг шрифта — это корректировка межбуквенных расстояний для конкретных сочетаний букв.

Чтобы шрифт было комфортно читать, нужно «серебро набора» — визуально одинаковые межбуквенные пробелы в строке. При проектировании шрифта автор работает сразу и с формой букв, и с промежутками между ними. Эти промежутки называются межбуквенные расстояния или апроши, а белое пространство с одной стороны буквы — полуапрош.

Шрифтовые термины: кернинг, апроши, полуапроши
Апроши и полуапроши

 

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

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

 

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

Шрифтовые термины: кернинг, апроши, полуапроши
В режиме кернинга мы делаем «дырку» между буквами Г и А меньше

 

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

Курсив

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

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

Шрифтовые термины: курсив, наклонное начертание
Курсив Circe и наклонное начертание Pragmatica. Circe — гуманистический гротеск, Pragmatica — неогротеск

 

Подводный камень: Порой вместо «курсива» используют слово «италик». «Италик» — такая же калька с английского языка, как «колл» или «консёрн». Все всё понимают, но кто-то может почувствовать себя неловко.

Ещё подводный камень: Если вы не выбираете курсивное (или наклонное) начертание из выпадающего списка, а нажимаете на кнопку I, то программа может сделать «фальшивый курсив» — механически наклонить шрифт. В мелком размере проблемы механического наклона будут не очень заметны, а в крупном — очень, поэтому в заголовках так лучше не делать.

шрифтовые термины: курсив, наклон, наклонное начертание
Наклонное начертание Nagel и курсивное начертание Circe Slab vs механический наклон (видно, что искажается толщина диагоналей, а в круглых буквах появляются угловатые утолщения)

Бонус. Кириллический шрифт

Кириллица — это письменность, которой мы с вами пользуемся. Казалось бы, тут всё просто, но в использовании этого слова тоже нашлись подводные камни. Поэтому просто приведём пару примеров «как не надо» и их более литературные альтернативы.

Шрифт на кириллице → Кириллический шрифт / шрифт с кириллицей

Пример: Вот подборка из десяти шрифтов на кириллице → Вот подборка из десяти шрифтов с кириллицей / Вот подборка из десяти кириллических шрифтов.

Кириллическое начертаниеКириллица / кириллические знаки / кириллическая версия

Пример: Кириллические начертания этого шрифта сделала Наталья Васильева → Кириллицу для этого шрифта сделала Наталья Васильева / Кириллические знаки в этом шрифте спроектировала Наталья Васильева / Кириллическую версию этого шрифта разработала Наталья Васильева.

Кириллистический шрифтКириллический шрифт / кирилловский шрифт (чуть более старомодный вариант)

Пример: Не так просто найти хороший кириллистический шрифт → Не так просто найти хороший кириллический шрифт / Не так просто найти хороший кирилловский шрифт.

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

 

Что делать, если нужен шрифт с поддержкой всех языков мира?

шрифты для всех языков

Где искать шрифты для многоязычного проекта

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

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

Ascender Uni, моноширинный Everson Mono и системный Arial Unicode — шрифты с самой большой в мире языковой поддержкой. Для некоторых редких письменностей других вариантов просто нет.

 

Шрифты для всех языков
шрифты для всех языков
Ascender Uni
Arial Unicode
previous arrow
next arrow
Ascender Uni и Arial Unicode

 

Noto Sans и Serif масштабный проект Google, к которому были привлечены не только дизайнеры Monotype и Adobe, но и команды энтузиастов, специализирующихся на разных письменностях. Noto поддерживает больше 1000 языков и 150 письменностей. Если нужен бесплатный качественный шрифт, поддерживающий китайский язык, то Noto — самый очевидный вариант.

Название Noto в том числе происходит от No tofu — идеи Google избавиться от пустых прямоугольников ⎕⎕, которые на сленге называются «тофу», потому что похожи на этот соевый сыр. Такие кубики появляются, когда шрифт не поддерживает какой-то язык.

шрифт для всех языков
Китайский язык в Noto Sans и Noto Serif

 

IBM Plex Sans проект студии Bold Monday для IBM (ведущий дизайнер Майк Эббинк). Шрифт распространяется под Открытой Лицензией (OFL) и, кроме латиницы и кириллицы, поддерживает арабский, деванагари, греческий, иврит, корейский и тайский. В 2023 году должна появиться поддержка китайского, а в 2024–2025 планируют добавить каннада и телугу.

Снимок экрана 2023-09-25 в 15.41.22
Снимок экрана 2023-09-25 в 15.40.15
previous arrow
next arrow
IBM Plex Sans


Adelle Sans от студии Type Together
 — прекрасный шрифт, который поддерживает арабский, армянский, китайский, деванагари, грузинский, греческий, иврит, корейский, тайский, лаосский, в латинице — вьетнамский. Основные дизайнеры — Хосе Скальоне и Вероника Буриан. Это не бесплатный шрифт, но для проектов, где не хочется использовать шрифты, которые есть на сайтах всех конкурентов, это будет плюсом.

шрифты для всех языков
Adelle Sans

 

Почему разные письменности в Noto, IBM Plex Sans и некоторых других шрифтах представлены в виде отдельных файлов? Потому что это позволяет оптимизировать работу шрифта в вебе (размер Ascender Uni с полным составом знаков — 39 мб, а Noto Sans — больше 470 мб) и учесть функциональные особенности, присущие шрифтам, которые поддерживают разные типы письма.

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

  1. November — шрифт для навигации, который отлично работает и в длинных мелких текстах. Поддерживает арабский, деванагари, греческий, иврит и тамильский.
  2. Ping — геометрический гротеск с поддержкой армянского, греческого, иврита, японского и упрощённого китайского.
  3. Greta Sans — шрифтовая система для экрана и печати, которая поддерживает арабский, деванагари, греческий, иврит, корейский, тайский.
  4. Fedra Sans — простой и изящный шрифт для экрана и печати с поддержкой арабского, армянского, бенгальского, деванагари, греческого, иврита и тамильского.
Снимок экрана 2023-09-25 в 16.06.22
Снимок экрана 2023-09-25 в 16.21.37
Снимок экрана 2023-09-25 в 16.26.29
Снимок экрана 2023-09-25 в 16.29.57
previous arrow
next arrow
Шрифты студии Typotheque с широкой языковой поддержкой: November, Ping, Greta Sans, Fedra Sans

Шрифты Паратайпа для многоязычных проектов

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

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

  1. армянский;
  2. греческий;
  3. грузинский;
  4. расширенную кириллицу, включая церковнославянский;
  5. расширенную латиницу, в том числе вьетнамский.

Авторы шрифта: Владимир Ефимов, Александр Тарбеев и Манвел Шмавонян при участии Дмитрия Кирсанова спроектировали узкие начертания в 1993–2004 годах; Манвел Шмавонян и Изабелла Чаева добавили широкие в 2004.

шрифты для всех языков
lang_publ-02
lang_publ-03
lang_publ-04
previous arrow
next arrow
Pragmatica

Если вы работаете с Прагматикой и нужен похожий по стилю китайский шрифт, это может быть FZLanTingHei или FZJunHei студии FounderType

Newton — «самый грамотный кириллический Таймс». Он спроектирован для удобства чтения в мелком тексте. Подходит для книг, журналов, офисной документации, но может работать и в акциденции и рекламе. Поддерживает:

  1. армянский;
  2. греческий;
  3. грузинский;
  4. иврит;
  5. расширенную кириллицу, включая церковнославянский + есть фонетические знаки.

Авторы шрифта: Владимир Ефимов, Александр Тарбеев; в 2016 году Изабелла Чаева расширила нормальное начертание по составу и добавила капительные знаки.

шрифты для всех языков
lang_publ-07
lang_publ-06
lang_publ-05
previous arrow
next arrow
Newton

Похожие по стилю на Newton китайские шрифты: FZYaSong, FZRunBianSong, FZQingKeBenYueSong

 

PT Sans Expert и PT Serif Expert — не все знают, что у наших бесплатных шрифтов PT Sans и PT Serif есть версии с расширенным знаковым составом. Кроме латиницы и кириллицы, они поддерживают греческую, армянскую и грузинскую письменности.

шрифты для всех языков
PT Serif Expert

 

Эти шрифты бесплатны для некоммерческих проектов, но для коммерческих надо приобрести версии PT Sans Expert Com и PT Serif Expert Com. Кстати, к PT Serif Expert есть индийское дополнение — шрифт Shobhika, который поддерживает деванагари.

Авторы PT Sans и PT Serif: Александра Королькова при участии Ольги Умпелевой и общем руководстве Владимира Ефимова.

Если нужны китайские шрифты похожие по стилю на PT Sans Expert и PT Serif Expert, то с PT Sans Expert будут хорошо работать FZZhongDengXian и FZHeiLi, а с PT Serif Expert — FZYanSong и FZJinLing.

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

  1. Hyperglot — справочник студии Rosetta Type. В нём можно посмотреть, какие знаки нужны для поддержки большинства языков мира и какие языки к какой письменности относятся;
  2. Underware Latin Plus — справочник студии Underware по знакам для языков на основе латиницы с очень красивым интерфейсом;
  3. Языковой справочник Паратайпа — самый полный справочник для языков на основе кириллицы, где можно посмотреть, какие знаки в какой язык входят и как они выглядят.

Где искать шрифты для конкретных письменностей

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

  1. бесплатные шрифты для разных письменностей, в том числе очень редких — SIL;
  2. многоязычные шрифты с отличным дизайном (кроме уже перечисленных в нашей статье, есть ещё с чуть меньшим знаковым составом) — Typotheque;
  3. студия Monotype — большой агрегатор шрифтов;
  4. многоязычные шрифты с отличным дизайном — Type Together и Rosetta Type;
  5. китайский — Founder Type;
  6. японский — Morisawa;
  7. индийские письменности — Indian Type Foundry;
  8. корейский — Sandoll.

Подборка арабских дизайнеров и студий от Николая Недашковского
Ama Foundry
Arabictypography.com
Protype Type Foundry
Arabic Type & Typography
Arabic Type Academy
Najla Badran (uorthpography)
Wael Morcos
Borna Izadpanah
Damoon Khanjanzadeh
Archief Cairo
Arabic Letter Archive
Meem Type World
ArabicTypeWalks

В каталоге на сайте Паратайпа можно искать шрифты по языкам. Там можно выбрать из более 150 языков.

шрифты для всех языков
Как искать шрифты на сайте Паратайпа

Например, можно найти шрифты с поддержкой армянского, греческого или грузинского.

шрифты для всех языков
Ключевые начертания FreeSet поддерживают армянский язык
шрифты для всех языков
Грузинский в PT Sans Expert и PT Serif Expert
  • Греческий (в коллекции Паратайпа больше 160 шрифтов с поддержкой греческого!)
шрифты для всех языков
Mellow Serif, Fer, Spirea, Oddval и другие шрифты с поддержкой греческого

 

Ищите шрифты по языкам на сайте Паратайпа

Над статьёй работали: Александра Королькова, Дарья Савина, Геннадий Фридман, Николай Недашковский

Микротипограф в шрифте — что это такое и как он работает

Микротипограф, микротипографика

Hint — первый шрифт Паратайпа с микротипографом внутри.

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

шрифт Hint, микротипограф
Клавиатурные сокращения Windows и MacOS для кавычек. Из рабочего макета нового издания «Живой типографики»
типографика
Клавиатурные сокращения Windows и MacOS для тире. Из рабочего макета нового издания «Живой типографики»

 

Проблема в том, что «правильные» типографские знаки не входят в ASCII и не всегда удобно набираются с клавиатуры. Например, в Windows набрать тире или кавычки можно только на клавиатуре, у которой справа есть numpad, или в Ворде с помощью юникодных номеров и Alt + x, или если установить типографскую клавиатурную раскладку Ильи Бирмана.

типографика, Юникод
Юникоды тире, кавычек и других неалфавитных знаков

 

Длинные тексты перед публикацией есть смысл пропускать через типограф (например, на сайте студии Лебедева).

Некоторые приложения и операционные системы (например, MacOS, iOS и Figma) автоматически заменяют двойной вертикальный штрих на кавычки при включенной настройке Smart Quotes. Правда, после этого набрать «диагональ 17"» становится довольно трудно, а в Фигме кавычки не настраиваются — это всегда английские “верхние лапки”.

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

Что такое микротипограф

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

Разработкой микротипографа занимались Николай Недашковский, Константин Кунарёв и Александра Королькова.

Хотим сказать большое спасибо Юлии Атановой за сбор правил и сокращений для контекстных замен в типографе. Без Юлиной подборки возможности микротипографа были бы гораздо беднее:)

Что может микротипограф (и чего не может)

Микротипограф может:

  1. поменять кавычки и тире на правильные;
  2. удалить двойные пробелы и точки;
  3. убрать пробел перед точкой;
  4. выставить индексы и другие неалфавитные знаки (например, может сам сделать из м2 — м², а из (с) знак копирайта ©);
  5. верно добавить или убрать пробелы в сокращениях
  6. и многое другое.

микротипографика, микротипографе

Микротипограф не может убрать «висячие предлоги» или поставить в тексте, набранном латиницей, немецкие или французские кавычки, потому что возможности OpenType не безграничны. Шрифт не может самостоятельно определить язык текста или отследить, где заканчивается строка, а записанную внутри шрифтового кода замену пробела на неразрывный пробел язык html «не понимает».

А ещё микротипограф не будет работать в Powerpoint и других средах, где в принципе нельзя включить OpenType.

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

Вот в каких случаях микротипограф будет полезен:

  1. Вы собираете макет в Фигме и у вас много мелких текстовых блоков, которые не хочется каждый раз пропускать через сайт-типограф. Можно один раз создать стиль со включенным микротипографом и не беспокоиться о тире, кавычках, квадратных метрах и знаке умножения.
  2. Надо быстро собрать лендинг, а редакторы и разработчики не слышали про типографику. Можно включить микротипограф через CSS: { font-feature-settings: "ss19" } и получить текст на сайте с человеческими тире и кавычками, не прилагая никаких усилий, кроме добавления в стиль этой строчки.
  3. У вас очень много мелких веб-страниц (например, карточек товаров) и нет ресурса прогонять тексты через типограф. Меняем шрифт на Hint, включаем микротипограф в CSS.

А вот для программистов микротипограф не просто бесполезен, а даже вреден: в коде нужны именно «программистские кавычки» и пробелы перед знаками препинания, а слишком умный шрифт — не нужен!

Как работает микротипограф

Как уже сказано выше, микротипограф — это не магия, а замена одних знаков на другие в некотором контексте.

Например, одна из самых «умных» функций микротипографа — это поведение знака " в зависимости от контекста. Если код в шрифте «видит», что перед знаком " находится кириллическая буква а после него — пробел, то он заменит " на закрывающую кавычку-ёлочку ». Если код «видит» латинские буквы, то кавычки будут английскими: “like this”.

типографика, микротипограф, микротипографика

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

Если код «видит» одну или две цифры, а после них знак " два раза, то первый он оставит без изменений (вдруг это дюймы), а второй превратит в закрывающую кавычку.

типографика, микротипограф, микротипографика

А если цифр три или больше (а буквы рядом кириллические), то приоритет имеют «ёлочки», так что название романа Оруэлла «1984» отобразится в кавычках.

типографика, микротипограф, микротипографика

В относительно простых случаях микротипограф понимает даже «кавычки в кавычках», которые по правилам требуют смены рисунка. Например, если основные кавычки в тексте «ёлочки», то в случае цитаты в цитате внутри них нужно поставить „лапки“:

И тут она говорит: «А ты читал „Мцыри“ Лермонтова?»

Микротипограф анализирует 14 знаков после первой кавычки и 14 знаков перед последней. Если в числе этих 14 знаков он находит ещё один случай, где должна стоять открывающая кавычка, то заменяет " уже не на «ёлочку», а на „лапку“, а после неё ставит закрывающую „лапку“. Но если внутренняя кавычка находится дальше 14 знаков от внешней, то микротипограф её уже не заметит и поставит «ёлочку».

типографика, микротипограф, микротипографика

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

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

типографика, микротипограф, микротипографика

Микротипограф умеет обрабатывать сокращения «тыс» и «млн», которые по справочнику Мильчина должны выглядеть по-разному:

микротипографика, типографика, микротипограф

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

микротипографика, типографика, микротипограф

Смотрите также: Список всех замен в микротипографе

Важное примечание: микротипограф меняет только отображение текста, но не редактирует сам текст (в отличие от «стационарного» типографа). Это не столько поиск и замена, сколько смена отображения знака в зависимости от контекста: так работает OpenType. И вот почему на самом деле это скорее хорошо, чем плохо:

  1. Свойства OpenType в первую очередь были сделаны для письменностей типа арабской, когда грамматически буква одна и та же, а графически форма должна меняться в зависимости от положения в слове.
  2. «Стационарный» типограф работает разово, по нажатию кнопки, а OpenType подменяет знаки в режиме реального времени в динамике в контексте. Кажется, если бы он делал жёсткие замены в исходном тексте, а потом бы контекст менялся, то софт начинал бы сходить с ума…
  3. В шрифте можно прописать что угодно, например, замену —> на стрелку (кстати, мы так и сделали). Если такая замена сработает в исходном тексте, то при смене шрифта на шрифт без стрелочек в составе мы получим пустое место или знак .notdef (квадратик «тофу») — уж лучше уродливый текст, чем потеря смысла.
  4. Если мы запрограммируем неправильную замену, ошибки не пойдут дальше!

Hint — универсальный геометрический гротеск с неуловимым оттенком «тихой роскоши» и наш первый шрифт с микротипографом. Попробуйте Hint в дизайне.

Как включить микротипограф и что настроить в Adobe и Figma

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

В Adobe Indesign: «бутерброд» справа на верхней панели → OpenType → Stylistic sets;

микротипограф, микротипографика

В Figma: Type → Details;

микротипограф, микротипографика

В CSS: с помощью { font-feature-settings: "ss19" }

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

Пример, как это сделать в Adobe Illustrator: Preferences → Type (гайд)

!! настройки, заданные до открытия документа будут применяться ко всем следующим документам. настройки, заданные после открытия документа, будут относиться только к этому документу.

микротипографика, микротипографВ этом диалоговом окне, включить чекбокс Show Indic Options.

микротипографика, микротипограф, типограф

Дальше проверить, чтобы в настройках текстового блока, один из этих композеров был включен. Window → Type → Paragraph.

Микротипографика, микротипографПосле этого станут доступны замены one-to-many (то есть добавление знаков в контекст), и после включения микротипографа вы получите дополнительную обработку пробелов в сокращениях. Например,

микротипографика, типографика, микротипограф

В Figma и в вебе замена одного знака на несколько работает по умолчанию.

Но в Figma для корректной работы микротипографа с кавычками нужно в Preferences убрать галочку с пункта Substitute smart quotes. [Напоминаем, как включить в Figma работу со «своими» шрифтами, а не только предустановленными в программе: Help and account → Open font settings]

Некоторые наиболее объективные замены мы вынесли из типографа в OpenType → Contextual alternates ( { font-feature-settings: "calt" } ). Это свойство в большинстве графических редакторов включено по умолчанию. Например, за работу регистрозависимой пунктуации (то есть сдвиг дефиса, тире, скобок и двоеточий выше, если они относятся к цифрам или набору прописными буквами) отвечает calt.

микротипографика, типографика, микротипограф

ТАЙП-ТЕСТЕР И ТЕКСТ, ЧТОБЫ ОЦЕНИТЬ ВОЗМОЖНОСТИ МИКРОТИПОГРАФА

Включите Stylistic Set 19 в OpenType. Посмотрите, как работает микротипограф.

Можно скопировать это в тайп-тестер и посмотреть, что произойдёт.

И "Latin", и "кириллица" – это два алфавита, используемых для записи текста. Получив к.г.н. или к.г.-м.н., он был приятно удивлен. Он приехал ж.д. сообщением. Температура 10°C была нормальной. Мы – да. P.S. This was и P.P.S. And that was. П. Stivenson и P.P.Stivenson. R.V. Stivenson и R. Stivenson. И.О. Фамильев и И. Фамильев. Около 88% или 88‰ было зафиксировано. Статья №21 главы была важной. Итоги этого 10-го что-то значили. Т.д. даже 10 млн рублей. 10 тыс. ₽ или 20 млн ₽. Текст XX гл. будет представлен. ДА – ЭТО. Данные а·в обозначают что-то важное. Более 10 а//м напряжения. (c) Автор фото. Более €10 долгу – это правильно. Год 10 н. э. или 10 до н.э. 2024 г. или MMXXIV г. 88 кгм3. Он сказал! Это было интересно.

Станция м. Озерная в 2000 г. была особым местом. XX век стал пятном в истории. Значение 20° с. широты важно для навигации. Координаты с. широты? Остров Б. Тютерс. Площадью 10 кв. метров. Статьи гл. V была значимой. Гл. VII в XX веке.

1708-1710. А. С. Пушкин и два пробела. мик-ро МИК-РО Это было в 18:38. Разрешение 1024х768. Темп. 24о площадь 120 м2 см2 объём 8 м3 км3 длина 12" "212" "1984" (1984) "Основан в 1998 н.э." "12"" "Магия вне "Хогвартса" запрещена!" туда-> <-сюда вам – везде <-> Надо же мне как-то раз – раз, раз… расслабляться <…>

Построчный текст для проверки работы микротипографа

Вместе с микротипографом в Hint целых 14 необычных стилистических сетов. Смотрите полный разбор здесь.

Что дальше?

Теперь мы будем наблюдать за жизнью Хинта после релиза: станут ли дизайнеры и разработчики использовать микротипограф, насколько это будет удобно и что мы пропустили в коде и правилах. Если проект выйдет за рамки «интересный концепт, но никто им не пользуется», то попробуем адаптировать этот код для других шрифтов, например, для бесплатного Golos, чтобы расширить аудиторию тестирования.

Владимир Ефимов: биография

Владимир Ефимов

Владимир Ефимов

6 мая 1949 —
23 февраля 2012

Художник наборного шрифта, теоретик и педагог. Соучредитель Паратайпа. Один из немногих, кто заложил основы современной российской типографики.

 

 

Владимир Венедиктович Ефимов разрабатывал цифровые версии шрифтов для отдела наборных шрифтов НИИ Полиграфмаш, кириллические версии знаковых латинских шрифтов (Futura, Avant Garde Gothic, ITC Charter и других) и оригинальные шрифты.

Образование

Окончил Московскую среднюю художественную школу в 1968 году и Московский полиграфический институт (факультут художественно-технического оформления печатной продукции, специальность: художник-график) в 1973 году.

Владимир Ефимов
Автопортрет, 1972

Работа

  1. 1975–1991 — дизайнер шрифта в отделе наборных шрифтов НИИ Полиграфмаш.
  2. 1992–1998 — дизайнер шрифта в фирме ПараГраф.
  3. 1998–2012 — арт-директор Паратайпа.
Владимир Ефимов
Визитная карточка дизайнера, ParaGraph, ориентировочно 1993 (скан из электронного архива Владимира Ефимова)

 

Владимир Ефимов разработал больше 60 шрифтов (свыше 200 начертаний), включая Pragmatica, Futura PT и Newton. Кроме того, он спроектировал кириллические версии знаковых латинских шрифтов студий ITC, Bitstream и других. Проанализировал и упорядочил рисунок знаков расширенной кириллицы для языков народов России и бывшего СССР.

Владимир Ефимов преподавал шрифт в Высшей академической школе графического дизайна и в Британской высшей школе дизайна в Москве. Писал статьи и книги по шрифту и типографике. 

Владимир Ефимов, Прагматика
Эскиз Pragmatica (1987), больше эскизов здесь
Владимир Ефимов, Avant Garde Gothic
Avant Garde Gothic, отдельные знаки. Ещё эскизы к этому шрифту здесь


Во многом благодаря Владимиру Ефимову сложился сегодняшний облик текстового кириллического шрифта и стандарты поддержки расширенной кириллицы.

Владимир Ефимов

Николай Недашковский:

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

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

Знаковые шрифты

  1. Pragmatica;
  2. Futura PT (кириллица);
  3. ITC Avant Garde Gothic (кириллица);
  4. ITC Charter (кириллица);
  5. Octava.
Pragmatica
Futura PT
ITC Avant Garde Gothic
ITC Charter
Octava
lang_publ-03
2a4a07dd02f901566ceeba91370fc3cd08a487a0
itc-avant-garde-gothic-001.png_720
itc-charter-002.png_720
octava-001.png_720

Слева направо: 1. Pragmatica; 2. Futura PT; 3. ITC Avant Garde Gothic; 4. ITC Charter; 5. Octava

 

Больше шрифтов Владимира Ефимова здесь

Конкурсы и награды

  1. Диплом конкурса «Шрифт-89» за Futura Futuris;
  2. Гран-при международного конкурса «Золотая Пчела» за Octava (1996);
  3. Диплом «За совершенство в дизайне шрифта» на конкурсе Type Directors Club за кириллицу к шрифту Bitstream Kis (Нью-Йорк, 2000);
  4. Диплом Российской академии художеств (2008);
  5. Юбилейная памятная медаль «Трёхсотлетие гражданского шрифта» (2008).

Владимир состоял в жюри нескольких конкурсов по шрифту, в том числе конкурса «буква:раз!» (2001), который организовала Международная типографическая ассоциация (ATypI). Был одним из основателей конкурса «Современная кириллица».

Владимир Ефимов
Владимир Ефимов, выставка «Шрифтовых дел мастер» (2010)

 

Александра Королькова:

Ефимов — автор или соавтор тех шрифтов, которые сразу приходят в голову, когда думаешь об образцовой текстовой кириллице: Charter, Pragmatica, Petersburg, Kis. Он очень тонко чувствовал межбуквенные расстояния и нейтральный характер, и его текстовые шрифты не теряют актуальность с возрастом.

Ефимов был очень скромным и деликатным человеком, от него невозможно было услышать «я, я, а вот я…» Когда он преподавал и читал лекции, то в центре его внимания всегда были именно шрифты, а когда участвовал в жюри конкурсов (а он участвовал в жюри примерно всех конкурсов кириллицы с 1990-х до 2012 года), то был подчёркнуто беспристрастен и объективен.

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

Материалы

  1. Читая Владимира Ефимова (статья Рустама Габбасова)
  2. Серия «Великие шрифты» — очерки о Times New Roman, Futura и других известных шрифтах
  3. Архив Владимира Ефимова — эскизы, личные документы, графика
  4. Классификация шрифтов (архивный сайт Паратайпа)
  5. Словарь шрифтовых терминов (дополненная версия)
  6. Статья «Как ставить кавычки»
  7. История Прагматики (видео)
  8. Видеорассказ, как разрабатывали кириллическую версию ITC Avant Garde Gothic
  9. Как делали шрифт Didona (видео)
  10. Видеорассказ об ITC Benguiat Cyrillic
  11. Как разработали кириллическую версию Kis: часть 1 и часть 2
  12. Онлайн журнал Де(-)фис выпуск №1 (журнал конца 90-х – начала 2000-х)
  13. Де(-)фис №2
  14. Де(-)фис №3
  15. Де(-)фис №4
  16. Де(-)фис №5
  17. Де(-)фис №6 (надо нажимать на буквицы)
  18. Де(-)фис №7
  19. Де(-)фис №8
  20. Систематизация расширенной кириллицы
  21. Комментарии Владимира Ефимова в ru_typography, собранные Рустамом Габбасовым
  22. Статья в журнале «Шрифт» о десяти отличных шрифтах Владимира Ефимова
  23. К открытой вёрстке: Письмо В.В.Ефимову (журнал «Шрифт»)
  24. Гражданский шрифт и кириллический Киш (статья Владимира Ефимова, журнал «Шрифт»)

17 красивых шрифтов для заголовков, рекламы и айдентики

Красивые шрифты, Kudry

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

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

Содержание

  1. Акцидентные антиквы
  2. Антиквы с историей
  3. Контрастные гротески
  4. Каллиграфические шрифты
  5. Разное

Kudry

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

самые красивые шрифты, шрифт Kudry

Kudry — это четыре шрифта в одном:

  1. Kudry Classic (Kudry Serif) — современная антиква.
  2. Kudry Sans — контрастный гротеск.

самые красивые шрифты, Kudry

3. Kudry Stencil — трафаретный шрифт на основе контрастного гротеска.

самые красивые шрифты, Kudry

4. Kudry Weird — странная антиква.

самые красивые шрифты, шрифт Kudry

В каждой линейке три начертания с разной степенью контрастности: Display, Headline и Text.

В каждом начертании Kudry есть много красивых и полезных для дизайна альтернативных знаков, росчерков и лигатур, а ещё линейные и минускульные цифры, стрелки и регистрозависимая пунктуация.

самые красивые шрифты, шрифт Kudry

Дизайнеры шрифта: Александра Королькова, Изабелла Чаева, Николай Недашковский.

Одно из самых красивых начертаний, Kudry Weird Headline, мы сделали бесплатным, так что если вам нужен красивый бесплатный шрифт, обратите внимание на Kudry

Акцидентные антиквы

Helsa Display

Стройная и эксцентричная антиква для заголовков и коротких текстов. Это современная интерпретация узких эльзевиров начала XX века.

самые красивые шрифты, шрифт Helsa

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

самые красивые шрифты, шрифт Helsa

Знаковый состав Хельзы — больше 1600 знаков. Она поддерживает сотни языков, включая расширенную кириллицу, греческий и вьетнамский, а ещё в ней есть дроби, разные виды цифр и другие возможности OpenType. И даже карточные масти:)

самые красивые шрифты, шрифт Helsa

Читайте историю создания Хельзы, рассказанную весело и легко автором шрифта, Николаем Недашковским: Helsa Display — история, картинки и разговоры

Helsa Display в магазине

Bad Russian

Крупнокегельный антиквенный шрифт Марии Касаткиной, вобравший в себя самые странные детали шрифтовых обложек 30-х годов советского периода.

самые красивые шрифты, шрифт Bad Russian

Разноширинные знаки шрифта сохранили в себе отголоски прошлого. Исторические особенности проявляются в деталях: треугольные формы Л и Д, своеобразные засечки у С, G, S и З, пламевидные элементы, петля у буквы У и закрытые формы букв с удлинёнными засечками.

самые красивые шрифты, шрифт Bad Russian

Bad Russian подходит для афиш и плакатов, книжных обложек и рекламы — везде, где нужен яркий шрифт.

самые красивые шрифты, шрифт Bad Russian

Bad Russian

Fetiche Display

Новостильная антиква с механистичным привкусом. Вдохновлена работами Юстаса Вальбаума и немецкими плакатными антиквами. Fetiche украсит плакаты и нахальные интерфейсы.

самые красивые шрифты, Fetiche Display

Самые красивые шрифты, Fetiche Display

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

Самые красивые шрифты, шрифт Fetiche Display

Самые красивые шрифты, шрифт Fetiche Display

Дизайнер шрифта: Павел Колчанов.

Fetiche Display в магазине

Kuenstler 165 (Koch-Antiqua)

Шрифт фирмы Bitstream на основе рисунка гарнитуры Кох-Антиква немецкого каллиграфа Рудольфа Коха — одного из величайших мастеров шрифта ХХ века.

самые красивые шрифты, шрифт Kuenstler 165

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

самые красивые шрифты, шрифт Kuenstler

Кириллическая версия разработана Изабеллой Чаевой.

Kuenstler 165

ITC Fat Face

Яркий шрифт 1970-х и ироническое переосмысление сверхжирных шрифтов начала XIX века.

самые красивые шрифты, шрифт ITC Fat Face

Шрифт разработан для фирмы International Typeface Corporation в 1970 (дизайнеры Герберт Любалин, Томас Карнезе).

самые красивые шрифты, шрифт ITC Fat Face

Кириллическая версия спроектирована Владимиром Ефимовым при участии Геннадия Барышникова.

ITC Fat Face

Антиквы с историей

Simon

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

самые красивые шрифты, шрифт Simon

Чтобы раскрыть возможности Симона по максимуму, шрифт стоит использовать в правильном оптическом размере: Display более выразительный, а Text и Caption легче читаются в мелком кегле. С помощью вариативной версии шрифта вы можете выбрать любое промежуточное значение оптического размера, например, для подзаголовков поставить значение посередине между Display и Text.

самые красивые шрифты, шрифт Simon

Simon спроектировала Криста Радоева и доработал Дмитрий Голуб. 

Simon на финальной стадии разработки. До релиза его можно купить значительно дешевле

Baskerville Display PT

Шрифт для крупных и сверхкрупных кеглей. Разработан по мотивам шрифтов английского типографа и пуансониста XVIII века Джона Баскервиля.


самые красивые шрифты, шрифт Baskerville Display PT

Шрифт прекрасно работает в заголовках, упаковке и логотипах. Например, он подойдёт для брендинга одежды, айдентики музея или упаковки косметики.

Если ищете шрифт с курсивным начертанием, обязательно обратите внимание на Baskerville Display PT — в нём очень красивые курсивы.

самые красивые шрифты, шрифт Baskerville Display PT

Начертания Baskerville Display PT значительно светлее и контрастнее, чем ITC New Baskerville, текстовая версия этого шрифта, и отлично с ней сочетаются. Прямое и курсивное начертания Baskerville Display PT Poster подходят для ещё более крупного кегля, не менее 60 pt.

самые красивые шрифты, шрифт Baskerville Display PT

Шрифт спроектировала Арина Алафердова под руководством Дмитрия Кирсанова. 

Baskerville Display PT

Bodoni PT

Современная антиква с историческими корнями. В её основе лежит классический шрифт Бодони, при этом она выглядит современной и прекрасно подходит для экрана и печати, длинных текстов и заголовков.

самые красивые шрифты, шрифт Bodoni PT

  1. По-настоящему большая шрифтовая система
  2. Разные начертания для мелкого, среднего и крупного размера
  3. Вариативная версия
  4. Расширенная языковая поддержка
  5. 10 комплектов цифр
  6. Орнаментальное начертание мечты ♡

самые красивые шрифты, шрифт Bodoni PT

самые красивые шрифты, шрифт Bodoni PT

Ведущий дизайнер Bodoni PT — Дмитрий Кирсанов, известный специалист по шрифтам Джамбаттисты Бодони. Так же над шрифтом работала команда дизайнеров и технологов Паратайпа.

самые красивые шрифты, шрифт Bodoni PT

Bodoni PT в магазине
А ещё больше иллюстраций и примеров использования Bodoni PT есть на Dprofile

Контрастные гротески

Romanovsky

Красивый гротеск с заметным контрастом в духе ар-деко и ар-нуво. Идеален для заголовков и акцидентного набора. В комплекте знаков есть 20 интересных лигатур прописных знаков в латинице и кириллице для наиболее частых сочетаний.

самые красивые шрифты, шрифт Romanovsky

Разработан на основе образцов каталога словолитни Осипа Лемана, который, в свою очередь, основан на шрифте Feder Grotesk Якоба Эрбара словолитни Ludwig & Mayer. Цифровая версия шрифта — не оцифровка отсканированных образцов каталога. Она нарисована с нуля и отличается от лемановской в некоторых деталях.


самые красивые шрифты, шрифт Romanovsky

Дизайнеры шрифта: Romanovsky разработан Василием Бирюковым. Жирное начертание подготовлено совместно с Олексой Волочаем.

Romanovsky

Circe Contrast

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

самые красивые шрифты, шрифт Circe Contrast

Сейчас доступны три сверхконтрастных начертания: Regular, Black и Regular Alt. Версия Regular Alt отличается от основной тем, что в ней нет утолщений на концах тонких штрихов, а альтернатив в ней ещё больше.

 

самые красивые шрифты, шрифт Circe Contrast

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

самые красивые шрифты, шрифт Circe Contrast

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

Дизайнеры: Александра Королькова и Изабелла Чаева

Circe Contrast

Каллиграфические шрифты

Reed

Изящный каллиграфический шрифт на основе гуманистического курсива. 

самые красивые шрифты, шрифт Reed

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

самые красивые шрифты, шрифт Reed

Шрифт прекрасно работает на этикетках и в упаковке кондитерской продукции, косметики, парфюмерии и игристых вин, а ещё в открытках и оформлении праздников.

самые красивые шрифты, шрифт Reed

самые красивые шрифты, шрифт Reed

Шрифт разработан Изабеллой Чаевой и выпущен Паратайпом в 2020 году.

самые красивые шрифты, шрифт Reed

Reed в магазине
Больше об истории создания Reed, его характере и вариантах использования в интервью с Изабеллой Чаевой

Roundhand

Разработан Мэтью Картером в 1966 году на базе образцов рукописных шрифтов Чарльза Снелла — английского каллиграфа конца XVII – начала XVIII веков, известного, в частности, сочинением The Pen-man’s Treasury Open’d.

самые красивые шрифты, шрифт Roundhand

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

самые красивые шрифты, шрифт Roundhand

Кириллическую версию спроектировали Владимир Ефимов и Изабелла Чаева.

Roundhand

Mojito

Бодрый каллиграфический шрифт на основе связного письма круглой кистью (брашпеном).

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

самые красивые шрифты, шрифт Mojito

В Mojito около 1400 знаков, в том числе альтернативы, лигатуры, начальные и конечные формы. Благодаря этому буквы не повторяются, а их сочетания выглядят максимально естественным образом, особенно в кириллице.

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

самые красивые шрифты, шрифт Mojito

Mojito прекрасно подойдёт для упаковки и рекламы продуктов и напитков, кафе и ресторанов, крафтовых и рукодельных вещей, детских книг, журналов и многого другого.

Шрифт спроектировал Захар Ящин, дополнительные начертания подготовлены Александром Любовенко.

Mojito

Allamare

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

самые красивые шрифты, шрифт Allamare

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

самые красивые шрифты, шрифт Allamare

Allamare в магазине

Разное

Carol Gothic

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

самые красивые шрифты, Carol Gothic

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

самые красивые шрифты, шрифт Carol Gothic

Дизайнеры шрифта: Изабелла Чаева и Александра Королькова.

Carol Gothic

Ambidexter

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

Cамые красивые шрифты, шрифт Ambidexter

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

самые красивые шрифты, шрифт Ambidexter

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

самые красивые шрифты, шрифт Ambidexter

Ambidexter

Ещё больше красивых шрифтов в магазине Паратайпа

«Типографика сильно влияет на впечатление о стране» — интервью с Эмилем Якуповым осенью 2013 года

Эмиль Якупов

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

В ноябре 2013 года во время конференции «Серебро набора» Эмиль Якупов дал интервью студии SHANDESIGN. В нём он говорил о шрифтах и своём отношении к ним, профессии дизайнера шрифтов и поддержке письменностей малых народов. Выкладываем расшифровку интервью в сжатой версии.

Шрифты в жизни Эмиля

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

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

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

Эмиль Якупов

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

Биография Эмиля Якупова и фильм «Эмиль. Современная кириллица»

О шрифтовых дизайнерах

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

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

Эмиль Якупов
Эмиль Якупов в компании семьи и друзей, 10 июня 2007 года

 

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

Об истории шрифта, письменности малых народов и PT Проекте

Надо понимать, что история кириллической письменности и история шрифта в России сильно отличаются от Европы: от европейской традиции и европейской истории.

До Петра I использовалась так называемая «допетровская кириллица». Было три основных почерка: устав, полуустав и скоропись. Их использовали и для официальных бумаг, и для церковных, и для бытовых записей. Пётр же ввёл так называемую «гражданку» — гражданский шрифт, который был построен по образцу голландской антиквы.

Реформа Петра проходила с 1708 по 1710 годы. Мы как раз праздновали 300-летие русского гражданского письма три года, с 2008 по 2010. Мы все ходили в праздничном настроении, в лёгком подпитии в течение этих трёх лет. Государство давало деньги, мы сделали замечательные шрифты, которые любой человек может использовать бесплатно.

Это три прекрасные гарнитуры, которые называются PT Sans, PT Serif и PT Mono. Их особенность в том, что они поддерживают не только русский язык, но и все остальные языки, которые используют на территории России.

Подробнее о проекте

PT Sans
pt serif
PT Mono
8c4cda829b237133c808c96fd32b0a7e57eae978
pt_serif
ptmono-1440x720.png_720

PT Sans, сравнение рисунка PT Serif и PT Serif Caption (2010), PT Mono

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

Допустим, у нас есть Ханты-Мансийский автономный округ. Там есть ханты и манси. У ханты, кажется, четыре диалекта, и у манси — два. Всего шесть алфавитов, все разные. Они пытались договориться, чтобы сделать один общий алфавит. Но чем меньше народ, тем больше у него гордости, иначе он не выживет. Поэтому никто не согласился поступиться своими кровными буквами в пользу соседнего народа. Кончилось тем, что они просто в одном алфавите объединили все варианты знаков, и совокупный алфавит стал содержать 45 букв. Бедные дети, которые шли в первый класс, в отличие от русских детей, которые учили 33 буквы, причём Ё необязательная, учили 45 букв. В общем, детям это не нравилось.

 PT Sans

PT Sans
Знаковый состав и языковая поддержка в PT Sans

Когда мы начали делать шрифты для всех народов: для башкир, татар, чувашей, чеченцев, — мы пытались помирить народы между собой, принимая решения в Москве. Чтобы татары с башкирами не спорили между собой, как должна выглядеть та или иная буква (поскольку традиции складывались немного по-разному), им предлагался некий вариант, который был компромиссным и следовал из логики шрифта. Нельзя же в шрифт, в которым остальные знаки спроектированы определённым образом, просто взять и вставить какую-то закорючку. Любая закорючка должна быть логичной для данного шрифта и соответствовать аналогичным закорючкам в других буквах.

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

Далее художники реализовали эти лингвистические идеи в шрифт. Потом ещё год работали инженеры-программисты. Они из рисунков сделали шрифт — в нём 1500 знаков, которые покрывают все языки.

PT Sans и PT Serif
Сферы применения текстовых шрифтов на примере PT Sans и PT Serif (2009–2010)


PT Sans, PT Serif и PT Mono оказались настолько удачными, что ими пользуются не только малые народы, но и те, кому нужна только латиница. PT Sans, например, уже больше года держится в пятёрке самых популярных шрифтов на Google Fonts. Его обгоняют только шрифты, которые Google использует для своих продуктов.

Ведущему дизайнеру этого проекта, Саше Корольковой, в этом году вручили приз Шарля Пеньо. Это один из выдающихся призов, которым награждают типографов до 35 лет раз в 5-7 лет. За всю историю, начиная с 50-х годов, его получило семь человек, причём российский дизайнер получил этот приз впервые. Это случилось во многом благодаря ПТ Проекту, потому что нам удалось сделать шрифты, которые не только прекрасны с точки зрения дизайна, но и очень важны с точки зрения поддержания культуры.

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

О развитии шрифтового дела в России и влиянии шрифтов на жизнь

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

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

У нас великое будущее с точки зрения дизайна шрифта. Европейцы пользуются сейчас около ста тысячами шрифтами. Сто тысяч — можете себе представить? У нас же примерно две тысячи шрифтов, это в 50 раз меньше. Чтобы типографика нормально развивалась, нам тоже нужно иметь 20 000 – 30 000 шрифтов в активном обороте, чтобы мы могли пользоваться тем же набором визуальных инструментов, которым пользуется европейский графический дизайнер. Поэтому у нас совершенно невероятный запас того, что нужно сделать.

У нас ведь нет своей большой кириллической традиции в области шрифта. Мы идём всё время по пятам латиницы. Пётр ввёл голландскую антикву, мы стали её развивать, потом революция всё испортила, и 70 лет мы ничем не занимались. Было только 10-15 гарнитур, которыми пользовалась вся страна: Литературная, Обыкновенная новая, Журнальная рубленая, Академическая… наверное, слышали эти названия. Пушкин набирался Академической, журналы — Журнальной рубленой и так далее.

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

Эмиль Якупов
Исландия, 2011 год

 

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

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

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

Эмиль Якупов, 09.11.2013

Редактор: Дарья Савина
Опубликовано с разрешения SHANDESIGN

Что общего у Hint и кашемирового свитера — всё о новом геометрическом гротеске


Тайп-тестер
Hint — универсальный геометрический гротеск, комфортный в применении и с неуловимым оттенком «тихой роскоши». Одинаково хорошо работает в айдентике, наборе длинного текста и в навигации.

шрифт Hint

Диапазон
начертаний
Thin Extra Bold
Italic Thin Italic Extra Bold

Знаковый
состав
Аа Бб Вв Гг Дд Ёё Жж Фф
Стандартная кириллица
«АЯ» «a—z» 12:00 н:н
Регистрозависимая пунктуация
0123456789
Минускульные цифры
012345 012345
Пропорциональные и табличные цифры
⁰¹²³⁴⁵12345₀₁₂₃₄₅
Верхние и нижние индексы
123¼½¾⅛⅜⅝⅞‰
Дроби
Аааа ЖжЖж ЗзЗз
Альтернативные знаки
→↑←↓↔ →↑←↓↔
Стрелки и неалфавитные символы
Ғғ Җҗ Ҙҙ Ҝҝ Ӝӝ Ӌӌ Ӳӳ
Расширенная кириллица
Ѣѣ Ѳѳ Ѵѵ
Историческая кириллица
Ãã Øø ẞß Ăă Ęę Ţţ Ůů Ďď
Расширенная латиница
Áа́ Е`е´ И`и´ О́о` У`у` Ы`ы` Э`э́
Гласные с ударениями

Шрифт Hint

Особенности дизайна

Hint как кашемировый свитер. Сочетает в себе комфорт, внутреннюю правильность и практичность. Если кашемировый свитер надеть на прогулку, в нём будет удобно и тепло. При этом на фотосессии или вечеринке он тоже будет абсолютно уместен. Таким же мы сделали Hint: он выгодно подчёркивает любой дизайн и придаёт набору ощущение тихой роскоши.

шрифт Hint

шрифт Hint
Hint в журнале авиакомпании, дизайнер Василий Бирюков

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

Изабелла Чаева:

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

Изабелла Чаева
шрифт Hint

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

Hint в магазине

Как использовать

Хинт в его базовой версии подойдёт, когда нужен качественный геометрический гротеск без лишних отсылок. Шрифт в меру артистичный, в меру прагматичный, ровный по ритму и с широкой линейкой начертаний.

Линейка начертаний Hint

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

Александра Королькова:

«Мне хотелось сделать по-настоящему универсальный и удобный шрифт, который будет хорошо работать и в книге, и в презентации, и в логотипе. Знаковый состав должен быть достаточным, чтобы не нужно было искать, например, стрелки или капитель в другом шрифте, но и не настолько огромным, чтобы в нём запутаться. И, как в любом спокойном шрифте, напрашивались альтернативные знаки, чтобы в любой момент можно было добавить в шрифт характера и превратить его из нейтрального в очень выразительный. Сейчас я пользуюсь Хинтом в своих презентациях и в макете новой версии «Живой типографики» в сочетании с Circe Slab и Helsa. Мне удобно :)»

Александра Королькова

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

Сочетание с другими шрифтами: Hint сочетается с широкими текстовыми антиквами, особенно с Circe Slab или Schoolbook New, а также с нейтральной классикой в лице ITC Charter, Newton или Bodoni PT, и с узкими акцидентными шрифтами — от Spile и Pragmatica Next Compressed до Helsa Display.

Hintpairing1
Hintpairing3
Hintpairing2

Микротипографика

В Hint есть микротипограф, который встроен прямо в шрифт и включается так же, как стилистические сеты.

Николай Недашковский:

«Название Hint — инструкция или подсказка — дало идею сделать шрифт умным. Как раз тогда мы с Юлией Атановой обсуждали разработку собственного типографа для веба, который был бы лучше тех, что есть на рынке, и собирали первые прототипы. Этот проект так и не реализовался, и мы с Сашей Корольковой решили научить Хинт микротипографике. Но без Юлиного импульса, тестовых слов, табличек правил и сокращений, Хинт точно бы учился правилам микротипографики гораздо дольше»

Николай Недашковский

Включите Stylistic Set 19 в OpenType. Посмотрите, как работает микротипограф.

Микротипограф может:

  1. поменять кавычки и тире на правильные;
  2. удалить двойные пробелы и точки;
  3. убрать пробел перед точкой;
  4. выставить числители, знаменатели, индексы и так далее (например, может сам сделать из м2 — м², а из (с) знак копирайта);
  5. верно добавить или убрать пробелы в сокращениях и многое другое.

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

Но вот в каких случаях он будет полезен:

  1. Вы собираете макет в Фигме и у вас много мелких текстовых блоков, которые не хочется каждый раз пропускать через сайт-типограф. Можно один раз создать стиль со включённым микротипографом и не беспокоиться о тире, кавычках, квадратных метрах и знаке умножения.
  2. Надо быстро собрать лендинг, а редакторы и разработчики не слышали про типографику. Можно включить микротипограф через CSS — параметр {font-feature-settings: ′ss19′;} и получить текст на сайте с человеческими тире и кавычками, не прилагая никаких усилий.
  3. У вас очень много мелких веб-страниц (например, карточек товаров) и нет ресурса прогонять тексты через типограф. Меняем шрифт на Hint, включаем микротипограф в CSS.

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

Шрифт Hint

Стилистические сеты

В Хинте есть альтернативные знаки, организованные в стилистические сеты — от общепринятых сетов с круглой «а» или «а с хвостиком» до комплекта с суперзакрытыми круглыми буквами, который превращает шрифт в современную интерпретацию гротесков XIX – начала XX века.

Сет 01: Одночастная буква а (One-storey a)

Сет 01

Меняет строчную двухчастную «a» в кириллице и латинице на одночастную.

Сет 01 One-storey a работает для всех вариантов буквы, например, для «a» с диакритикой или c ударением.

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

Одночастная «а» появилась в 1920-е годы в подчёркнуто геометрических гротесках вроде Футуры. Она заставляет набор выглядеть более лаконично и отстранённо.

Сет 02: Скучная Kk (Boring Kk)

Сет 01

У строчной и прописной k появляется горизонтальная площадка в середине. Это делает букву более уравновешенной в мелком кегле: этот вариант конструкции Кк ближе всего к варианту «по умолчанию».

Этот сет меняет и другие буквы, в которых есть те же горизонталь и угол. Например, кириллические «Кк» и «Жж».

Строчные «к» и «ж» с горизонтальной перемычкой выглядят спокойно и обычно, а вот в прописной мы добавили брутальности: сделали горизонталь чуть шире, чем она нужна просто для оптической компенсации. Поэтому сет 02 — хороший выбор для тех, кто хочет видеть Hint чуть более суровым.

Сет 03: Закрытые круглые знаки (Grotesque Round)

Сет 01

Делает круглые знаки закрытыми, как в старых гротесках (это группа гротесков конца XIX – начала XX веков). Набор с закрытыми круглыми знаками резко меняет характер: он перестаёт быть нейтральным и становится очень характерным, местами даже нахальным.

Стилистические сеты в Hint затрагивают не только базовые буквы, но и акцентированные, и капительные, и неалфавитные знаки: например, ss03 меняет ещё форму цифр и стрелок.

Такой сет пригодится тому, кто хочет добавить деталей спокойному тексту и привлечь внимание. Закрытость знаков заведомо снижает практичность шрифта, зато может работать как голос и интонация: «я могу позволить себе быть не для всех, не самым удобочитаемым». Если включить только этот стилистический сет (или его в сочетании с круглой «а»), то набор остаётся современным, но приобретает ироническое выражение лица.

Сет 04: Кириллическая «б», как в старых гротесках (Grotesque cyr b)

Сет 04

Меняет вид строчной буквы «б» и делает набор более книжным. Этот сет, особенно в сочетании с закрытыми круглыми знаками, даёт ощущение модной винтажной афиши. Он хорошо сочетается с сетом ниже, которые меняет g в латинице.

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

Сет 05: Строчная g, как в старых гротесках

Сет 05

Этот сет, как и предыдущий, трансформирует один знак — латинскую строчную g — и делает набор более книжным и расслабленным.

Сет 06: Диагонали, как в старых гротесках (Grotesque diagonals)

Сет 06

Этот сет меняет буквы K M R W Ж К М Я и их производные на современное переосмысление графики старых гротесков.

Если включить этот сет отдельно или в сочетании с закрытыми круглыми знаками (но без сетов 07 и 08), то набор превратится в ироничную отсылку к XIX веку.

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

Сет 06

шрифт Hint
Wiener Initialen, 1908. Из книги Type: A Visual History of Typefaces and Graphic Styles, Taschen, том 2 и Reform Grotesk, 1908. Из книги Type: A Visual History of Typefaces and Graphic Styles, Taschen, том 2

Сет 07: «Советская» кириллица (Soviet Cyrillic)

Сет 07

Этот стилистический сет меняет графику «Ии» и «Кк» на более «медленные» варианты: «Кк» с гнутыми ветвями и «составную» форму «И», с более пологой диагональю.

Строго говоря, эти формы букв не такие уж и советские, они появились на рубеже XIX–XX веков в ранних гротесках словолитен Ревильона и Лемана. Но у современного читателя они ассоциируются с гарнитурой Рубленой, советскими книгами и титрами кинофильмов.

Форма «К» — нарочито не-текстовая, широкая и с вертикальными участками ветвей, как в Рубленой.

шрифт Hint
Телингатер С., Каплан Л. Искусство акцидентного набора. Издательство «Книга», 1965

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

Сет 08: Винтажная кириллическая «У» (Grotesque cyr U)

Сет 08

Меняет прописную «У» в кириллице на более «кудрявый» вариант и как будто добавляет набору викторианские усы.

Такую «У» можно включить вместе с закрытыми круглыми знаками, тогда набор будет на грани — то ли уже XIX век, то ли ещё нет.

Сет 09: Короткая f (Short f)

Сет 09

Для плавного набора в шрифте основная форма f автоматически меняется на f с верхней частью, не так сильно выступающей вправо, если она стоит перед высокими знаками (k, i и другими). Но с помощью стилистического сета можно поменять f и в остальных местах — благодаря этому все буквы f станут немного жёстче и брутальнее.

Сет 10: Альтернативная «y» (Straight italic y)

Сет 10

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

В англоязычных текстах такую «y» часто ставят в пару с круглой одночастной a и называют это «детскими формами» — считается, что такие формы знаков детям воспринимать легче. Хотя исследования Сью Уокер и не подтверждают эту гипотезу — в её тесте английские дети лучше всего читали привычный им Gill Sans — но выглядит округлая «у» действительно более мягкой, детской и наивной. А вместе с круглой «а» может создать ощущение выпрямленного курсива.

Сет 12: Треугольные «Дд» и «Лл» (Triangle Cyrillic L D).

Сет 12

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

Сеты 13 и 14: цифры в кружочках (Circled numerals и Inversed circled numerals)

Сет 13
Сет 14

Включение стилистического сета 13 заменяет комбинацию (0), (1), (2), …, (9) на соответствующую цифру в контурном кружке, а сет 14 — на цифру в чёрном кружке.

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

Дополнительно: Альтернативные варианты буквы «a»

Сет 14
Сет 15

У латинской и кириллической букв «а» из основного стилистического сета и из сета 03 (Grotesque Round) есть альтернативные формы с «хвостиком».

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

Чтобы альтернативные «а» можно было использовать одновременно с любыми стилистическими сетами, они включаются с помощью Swash (например, в Figma это Type —> Details —> Letterforms —> Swash).

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

Как включать стилистические сеты

Фигма. Всё, что нужно сделать в Фигме, чтобы включить в тексте любой встроенный в шрифт сет — нажать на многоточие в правом нижнем углу панели Text и выбрать вкладку Details.

Если у текста нет стиля (или в стиле это не описано), то выбранные варианты знаков включатся только для выделенного фрагмента. Чтобы включить альтернативы во всех текстах в проекте, нужно добавить их в стиль текста.

Adobe InDesign. Здесь стилистические сеты, как и микротипограф, включаются так же просто. В меню настроек («бутерброд» на верхней панели справа) выберите OpenType, а внутри него Stylistic Sets, где отметьте нужные сеты. Микротипограф — это Set 19.

Hint-Indesign
Hint-Figma

CSS. В вебе сеты включаются с помощью строчки в CSS. Поскольку в разных шрифтах альтернативные формы разные, то чтобы узнать номер нужного сета, надо смотреть документацию к шрифту. Все стилистические сеты называются по одному принципу — ssXX, где ХХ — номера от 01 до 20, и включаются с помощью параметра {font-feature-settings: ′ss01′}

Примеры:
{font-feature-settings: ′ss01′;} включит круглую букву «а».
{font-feature-settings: ′ss03′;} включит очень закрытые формы всех круглых букв.
{font-feature-settings: ′ss19′;} включит микротипограф.

Примеры
использования








Авторы
шрифта

Дмитрий Голуб

Графический и шрифтовой дизайнер, преподаватель. Дизайнер в Паратайпе. Основатель и руководитель bolditalic.type.school — школы шрифтового дизайна. Автор альтернативных схем миланского и римского метро. Работал в дизайн-студиях и рекламных агентствах, преподавал в Институте бизнеса и дизайна. Выступал в Высшей Школе Брендинга, на выставке EXPO2015, конференции ATypI, G8 и Дизайн-выходных. Член отборочного комитета «Современной кириллицы 2019» и оргкомитета «Современной кириллицы 2021». Магистр графического дизайна.

Новый акцидентный шрифт Kudry: знаковый состав, начертания и особенности


Тайп-тестер
Kudry — изящный шрифт для использования в сверхкрупном размере. Подойдёт для свадебных приглашений, культурных проектов и выставок, логотипов, книжных обложек, упаковок косметики — в общем, всегда, когда нужен красивый шрифт. Четыре линейки внутри Kudry — современная антиква, контрастный гротеск, трафаретный шрифт и невероятно красивая «странная» антиква — помогут воплотить самый интересный дизайн-проект.

шрифт Kudry

Диапазон
начертаний
Classic Display  Headline  Text
Sans Display  Headline  Text
Stencil Display  Headline  Text
Weird Display 

Знаковый
состав
Аа Бб Вв Гг Дд Ёё Жж Фф
Стандартная кириллица
«АЯ» «a—z» 12:00 н:н
Регистрозависимая пунктуация
0123456789
Минускульные цифры
012345 012345
Пропорциональные и табличные цифры
AAaaCCccFFppQQXX
Росчерки
Costssбртт RSЛАЁДстёд
Лигатуры
↑‡→←†↓
Стрелки и неалфавитные символы
Ѣѣ Ѳѳ Ѵѵ
Историческая кириллица
Ãã Øø ẞß Ăă Ęę Ţţ Ůů Ďď
Расширенная латиница
Áа́ Е`е´ И`и´ О́о` У`у` Ы`ы` Э`э́
Гласные с ударениями

Особенности дизайна

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

шрифт Kudry

Kudry — семейство из четырёх шрифтов разного типа.

Kudry Classic — современная антиква для заголовков и логотипов.

Kudry Sans — контрастный гротеск (иногда такие шрифты ещё называют ленточной антиквой) для тех случаев, когда нужен элегантный шрифт более лаконичной формы.

Kudry Stencil — трафаретный шрифт на основе контрастного гротеска. Он подойдёт для совсем коротких и очень крупных надписей — или в тех случаях, когда действительно по техническим причинам нужен трафарет, но не такой практичный и брутальный, как большинство трафаретных шрифтов.

Kudry Weird — «странная» антиква. Часть букв в ней привычной формы, а часть — неожиданной, со слишком длинными засечками, тонкими росчерками или необычной конструкции. Такой шрифт подойдёт для случаев, когда хочется совместить в одном макете изящество и бунт.

kudry_svg_02
kudry_svg_15
kudry-024awjpg_720
kudry_svg_26
previous arrow
next arrow

 

«Странные» Кудри совместимы с «классическими»: можно заменить в надписи, набранной Kudry Classic, несколько букв на начертание из Kudry Weird, чтобы точно подобрать степень необычности.

шрифт Kudry

В каждой части шрифтовой системы три начертания разной степени контраста:

  1. Display — для сверхкрупного кегля от 72 pt.
  2. Headline — для крупного кегля от 36 pt.
  3. Text — для среднего кегля от 14 pt.

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

Применение

Kudry — в первую очередь шрифт для использования в сверхкрупном размере, а не в основном тексте.

Kudry сработает везде, где нужен красивый шрифт: в культурных проектах и выставках, логотипах, книжных обложках, театральных плакатах, свадебных приглашениях, упаковках косметики и пирожных.

В каждом начертании Kudry есть много красивых и полезных для дизайна альтернативных знаков, росчерков и лигатур, а ещё линейные и минускульные цифры, стрелки и регистрозависимая пунктуация.

шрифт Kudry

Если нужно сочетать этот заголовочный шрифт с текстовой антиквой, обратите внимание на Kudryashev или Petersburg. На роль парного текстового гротеска может подойти ITC Franklin Gothic, PT Root или Ida.

Награда
Communication
Arts
 — победитель
в категории
Typeface Design
шрифт Kudry

Использование
шрифта








Авторы
шрифта

Дмитрий Голуб

Графический и шрифтовой дизайнер, преподаватель. Дизайнер в Паратайпе. Основатель и руководитель bolditalic.type.school — школы шрифтового дизайна. Автор альтернативных схем миланского и римского метро. Работал в дизайн-студиях и рекламных агентствах, преподавал в Институте бизнеса и дизайна. Выступал в Высшей Школе Брендинга, на выставке EXPO2015, конференции ATypI, G8 и Дизайн-выходных. Член отборочного комитета «Современной кириллицы 2019» и оргкомитета «Современной кириллицы 2021». Магистр графического дизайна.

Первый директор Паратайпа

Эмиль Якупов

Эмиль
Якупов

22 марта 1957 —
25 февраля 2014

Один из основателей и первый директор Паратайпа

 

Документальный фильм об Эмиле, снятый студией Shandesign.

Эмиль Ляумович Якупов родился в Уфе в 1957 году. Закончил Московский институт управления. В 1987 защитил кандидатскую диссертацию в Ленинградском технологическом институте.

Памир 1978
Памир, 1978 год. Эмиль — второй справа

 

Начал карьеру во ВНИИ Синтетического Волокна в Твери, где занимался компьютерным моделированием физических процессов. С началом Перестройки стал работать самостоятельно и участвовал во многих проектах, например, в локализации файлового менеджера Norton Commander.

Сотрудничество с компанией «ПараГраф» изменило жизнь Эмиля. Он увлёкся шрифтами и стал сотрудником компании, а через некоторое время — руководителем шрифтового отдела, который в 1998 году превратил в отдельную компанию — «ПараТайп». За пятнадцать лет, с 1998 до 2014 года, библиотека шрифтов Paratype увеличилась в шесть раз.

PT Sans и PT Serif (2009–2010)

Сферы применения текстовых шрифтов
Сферы применения текстовых шрифтов на примере PT Sans и PT Serif (2009–2010)

 

Эти шрифты входили в проект общедоступных национальных шрифтов, который проходил под руководством Эмиля. Больше о проекте здесь.

Сравнение рисунка PT Serif и PT Serif Caption
Сравнение рисунка PT Serif и PT Serif Caption (2010)

 

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

Эмиль Якупов в интервью
во время конференции «Серебро набора»:

Шрифты — такая субстанция, которая наполняет мою жизнь со всех сторон. <…> Я думаю, что все, кто занимается шрифтами, не отделяет профессию от образа жизни, от своих хобби. Если уж начинаешь заниматься шрифтом, то это захватывает все стороны жизни, и ты после работы, и до работы, и ночью во сне представляешь себе всю информацию через призму шрифта.

<…>

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

09 ноября 2013 года

Эмиль был главным двигателем Паратайпа и отличным организатором: умел находить людей и раскрывать их потенциал. За время его работы Паратайп сотрудничал с такими компаниями, как Google и Apple, и ведущими шрифтовыми студиями мира.

Константин и Галина Кунарёвы:

Эмиль был сильным лидером и хорошим руководителем. У него была невероятная харизма, он легко создавал вокруг себя атмосферу уважения и лояльности. Его все обожали.

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

Кроме того, дизайнеры Паратайпа под руководством Эмиля создавали шрифты для государства (PT Sans, PT Serif, PT Mono), чтобы расширить поддержку языков России на основе кириллицы, проводили шрифтовые конкурсы и конференции.

Тестирование рисунка и различимости PT Sans
Тестирование рисунка и различимости PT Sans в сложных условиях чтения

 

Статья о презентации PT Sans
Статья в «Российской газете» о презентации PT Sans. Декабрь 2009 года

 

Геннадий Фридман:

Если взять съёмку любого фильма, то там есть продюсер, режиссёр, сценарист, оператор, актёры и многие другие. Все эти роли выполняют разные люди. Эмиль же занимал сразу две важные позиции: как продюсер, он понимал цели компании (расширение библиотеки, продвижение шрифтов, развитие технологий), а как режиссёр — собирал команды дизайнеров и технологов, создавал условия, направлял и руководил процессами, принимая в них непосредственное участие и многое делая своими руками. Эту роль в Паратайпе ещё никто не смог заменить.

Некоторые книги изданные Паратайпом
Некоторые книги и каталоги, изданные Паратайпом в 1998–2014 годах

 

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

Исландия, 2011 год
Исландия, 2011 год

 

Александра Королькова:

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

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

Материалы

  1. Семинар Эмиля Якупова по авторскому праву (2009 год)
  2. Эмиль Якупов о защите шрифтов на конференции «Серебро набора 2012»
  3. Дискуссия об аренде шрифтов на конференции «Серебро набора 2013»

Circe Slab: особенности дизайна, диапазон начертаний, знаковый состав

Circe Slab
 


Тайп-тестер
Circe Slab — шрифт с засечками на основе популярного гротеска Circe. Он подходит для длинного текста, заголовков, айдентики и упаковки. Особенность Circe Slab — нелинейный набор начертаний с вариантами от нулевого контраста до заметного, как в антикве.
Диапазон
начертаний
A Hairline A Hairline Italic
A Regular A Regular Italic
B Regular B Regular Italic
C Regular C Regular Italic
C Black C Black Italic

Знаковый
состав
Аа Бб Вв Гг Дд Ёё Жж Фф
Стандартная кириллица
⁰⁽¹²³⁾⁴⁺⁵12345₀₍₁₂₃₎₄₋₅
Верхние и нижние индексы
12345¼½¾‰‰
Дроби
012345 • 012345
Пропорциональные и табличные цифры
0123456789
Минускульные цифры
Аабвгдеёж Aabcdefgh
Капитель
AAADEJMMOQRTY
Альтернативы
→↑←↓◊♠♣♥♦
Стрелки и неалфавитные символы
Ѣѣ Ѳѳ Ѵѵ
Историческая кириллица
Ãã Øø ẞß Ăă Ęę Ţţ Ůů Ďď
Расширенная латиница
Áа́ Е`е´ И`и´ О́о` У`у` Ы`ы` Э`э́
Гласные с ударениями

В Circe Slab три регулярных начертания — от полностью неконтрастного геометрического до почти антиквенного контрастного. Кроме того, все версии начертаний Light, Regular и Medium имеют зауженные версии. Фактически гарнитура содержит три разных шрифтовых подсемейства с разной степенью контраста: Circe Slab, А, Circe Slab B и Circe Slab C. Регулярные начертания Circe Slab хорошо работают в тексте, а самые светлые и жирные — в крупном кегле в заголовках, рекламе, упаковке.

Неконтрастная линейка, А — традиционные брусковые шрифты, по стилю примерно посередине спектра «от Clarendon до Rockwell». Она подходит как для небольших текстов, так и для заголовков и крупной акциденции. Средняя линейка B — текстовая брусковая гарнитура с небольшим контрастом. При этом, если набрать текст Circe Slab B кеглем 10–14 пунктов, шрифт будет выглядеть брусковым, а при 7–9 пунктах — малоконтрастной антиквой. Circe Slab C — самая элегантная из всех, контрастная линейка шрифтов. Эффектнее всего она работает в кеглях от текстового к крупному. Линейка С — это та самая мифическая геометрическая антиква, о которой спрашивают студенты-дизайнеры, изучающие шрифтовую классификацию.

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

Использование
шрифта








Обратите внимание на дополнительные функциональные наборы Circe Slab Text Mini (всё, что нужно для набора текста) и Circe Slab Packaging Mini (боевой набор дизайнера упаковки).

Прямые начертания разработала Александра Королькова при участии Олексы Волочая, они были выпущены в конце 2018 года. Над курсивами Circe Slab (опубликованы в начале 2021 года) работали Александра Королькова, Мария Харламова и Александр Любовенко.

Nagel: особенности дизайна, диапазон начертаний, знаковый состав


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

Диапазон
начертаний
Regular Extra Oblique
Medium Medium X.O.
Bold Bold X.O.

Знаковый
состав
Аа Бб Вв Гг Дд Ёё Жж Фф
Стандартная кириллица
«АЯ» «a–z» 1215 x—y
Регистрозависимая пунктуация
→↑←⤒⤶⤷▲△▴▵▷
Стрелки и неалфавитные символы
Ӝӝ Ӌӌ Ӳӳ Ғғ Ҙҙ Ҝҝ Ҡҡ Өө
Расширенная кириллица
Ѣѣ Ѳѳ Ѵѵ
Историческая кириллица
Ãã Øø ẞß Ăă Ęę Ţţ Ůů Ďď
Расширенная латиница
Áа́ Е`е´ И`и´ О́о` У`у` Ы`ы` Э`э́
Гласные с ударениями

Начертания в Nagel дополнительно объединены в вариативную версию с двумя осями — жирность (Weight) и угол наклона (Slant).

Особенности дизайна

Nagel — закрытый малоконтрастный шрифт с акцентом на примыкания штрихов. Длина строки, набранной Nagel, остаётся одинаковой во всех насыщенностях.

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

шрифт Nagel
Примыкания штрихов в Nagel

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

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

Использование
шрифта





Автор
шрифта

Дмитрий Голуб

Графический и шрифтовой дизайнер, преподаватель. Дизайнер в Паратайпе. Основатель и руководитель bolditalic.type.school — школы шрифтового дизайна. Автор альтернативных схем миланского и римского метро. Работал в дизайн-студиях и рекламных агентствах, преподавал в Институте бизнеса и дизайна. Выступал в Высшей Школе Брендинга, на выставке EXPO2015, конференции ATypI, G8 и Дизайн-выходных. Член отборочного комитета «Современной кириллицы 2019» и оргкомитета «Современной кириллицы 2021». Магистр графического дизайна.

Fer: знаковый состав, начертания и особенности

 


Тайп-тестер
Fer — гротеск для длинных и коротких текстов. Подойдёт для сайтов, печати или фирменного стиля и будет хорошо смотреться в любом кегле: от заголовков до мелких подписей.
Диапазон
начертаний
Display Regular Display Black
Text Regular Text Black
Caption Regular Caption Black

Знаковый
состав
Аа Бб Вв Гг Дд Ёё Жж Фф
Стандартная кириллица
«АЯ» «a–z» 12:00 н:н
Регистрозависимая пунктуация
⁰¹²³⁴⁵12345₀₁₂₃₄₅
Верхние и нижние индексы
12345¼½¾⅛⅜⅝⅞
Дроби
012345 • 012345
Пропорциональные и табличные цифры
0123456789
Минускульные цифры
←↑→↓↔◊
Стрелки и неалфавитные символы
Ѣѣ Ѳѳ Ѵѵ
Историческая кириллица
Дд Лл вгжцб Ғғ Ҫҫ
Локальная кириллица
Ãã Øø ẞß Ăă Ęę Ţţ Ůů Ďď
Расширенная латиница
Αα Ββ Γγ Δδ Εε Ζζ
Греческие символы
Áа́ Е`е´ И`и´ О́о` У`у` Ы`ы` Э`э́
Гласные с ударениями

Стилистические
сеты
a→aàáâãäå RЯ→RŔŖŘ Я
Универсальные сеты (ss01, ss02)
ÄÖÜ→ÄÖÜ IJij→IJij
Латинские сеты: компактные формы (ss05, ss08)
G→GĜĢ l→lĺļľŀ Ůů→Ůů ß→ß
Латинские сеты: вариации форм (ss03, ss04, ss06, ss07)
Лл Дд→Лл Дд ЭѲЄ→ЭѲЄ
Кириллические сеты: вариации форм (ss09, ss11)
б→бб Ѽ→Ѽ
Кириллические сеты: локальные (ss10, ss12)
αδγλτπ→αδγλτπ
Греческий сет: упрощенный рисунок (ss13)
1234 1234 1234 1234
Цифровые сеты (ss14 – ss17)

Особенности дизайна

У Фера есть свой характер. Когда читаешь текст, набранный Фером, остаётся послевкусие букв на проржавевших табличках где-то в Южной Европе. Отсюда и название: Fer по-французски — железо.

Лёгкие отсылки к прошлому у Фера чувствуются за счёт закрытых апертур и поднятой талии в К, Ж и других буквах. А ещё в шрифте есть разноширинность, то есть знаки в нём отличаются по ширине. Например, круглые буквы, как О, широкие, а прямоугольные, как Н или И, — более узкие.

Приёмы работы со шрифтом

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

шрифт Фер

шрифт Фер
Рисунок Фера менятся вместе с кеглем

 

Для работы важно выбрать правильную линейку начертаний у Фера:

Display — для заголовков и других текстов в кегле от 48. В этой линейке у шрифта проявляется больше характерных особенностей: закрытые апертуры и разноширинность. Строчные буквы более мелкие по сравнению с заглавными. Линейка подойдёт для постеров, заголовков на сайте или упаковке.

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

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

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

Об истории создания Фера можно узнать здесь.

Использование
шрифта




Автор
шрифта

Дмитрий Голуб

Графический и шрифтовой дизайнер, преподаватель. Дизайнер в Паратайпе. Основатель и руководитель bolditalic.type.school — школы шрифтового дизайна. Автор альтернативных схем миланского и римского метро. Работал в дизайн-студиях и рекламных агентствах, преподавал в Институте бизнеса и дизайна. Выступал в Высшей Школе Брендинга, на выставке EXPO2015, конференции ATypI, G8 и Дизайн-выходных. Член отборочного комитета «Современной кириллицы 2019» и оргкомитета «Современной кириллицы 2021». Магистр графического дизайна.

«Я хотел сделать шрифт, которого мне самому не хватало для работы», — Виталий Кузьмин к выходу PT Root

Об особенностях шрифта и процессе работы длиной в шесть лет.

Привет, Виталик! Расскажи о PT Root, какой это шрифт?

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

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

Что отличает Рут от других шрифтов?

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

текстовый шрифт, универсальный шрифт, читаемый шрифт

Ещё у Рута немного зауженные пропорции и небольшая «оквадраченность» круглых знаков. Это уход от нейтральности, но я не хотел сделать совсем безликий шрифт. В результате Рут вышел слегка серьёзным и брутальным, хотя в наборе это почти незаметно.

Посмотреть Рут во всех деталях

Как ты пришёл к такому названию шрифта?

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

Для чего Рут подойдёт?

На самом деле, Рут — универсальная рабочая лошадка, он подойдёт для всего: сайтов, печати, айдентики. Благодаря узким пропорциям и компактности он хорошо работает и в навигации.

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

В книге «Уступите место драме» (автор Людмила Сарычева, дизайнер Евгений Арутюнов) регулярное начертание Рута используется для примеров в тексте, а жирное — для заголовков и важных мыслей

А если это будут сферы типа салона красоты, магазина растений — подойдёт ли Рут?

Всё же его основная задача — это набор, а не акциденция, так что если это массив текста, например статья в блоге, то почему нет. Рут можно отлично использовать в паре с акцидентным шрифтом. Скажем, с серьёзными шрифтами с техническим характером, как Din Condensed, или подчёркнуто современными, в том числе постмодернистскими — от Stapel или Spile до Helsa.

С чего ты начал работу над Рутом?

Мы с самого начала планировали сделать основную текстовую линейку, о которой говорим сейчас, и отдельную версию для интерфейсов — PT Root UI. В начале я преимущественно занимался как раз UI-версией. Мы сделали её бесплатной и выпустили в 2018 году. После я уже сосредоточился на основной версии.

А чем отличается текстовая версия Рута от интерфейсной?

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

По сравнению с интерфейсной версией, в основном Руте больше начертаний (10 против 4) — его можно использовать для айдентики, длинных текстов и текстов разной иерархии (в том числе и в печати). PT Root UI же скорее для интерфейсов и навигации, хотя им мы набрали два каталога Современной Кириллицы и он вполне уверенно смотрелся в печати. В UI-версии есть одна особенность: все начертания сделаны немного светлей, чем принято. Я сделал это намеренно, чтобы шрифт хорошо смотрелся в выворотке. Например, в тёмной теме в мобильном приложении.

униширинный шрифт, PT Root UI
Униширинный PT Root UI: во всех начертаниях ширина площадки знака остаётся одинаковой

Расскажешь о процессе работы над шрифтом?

Садился, рисовал буквы:) Процесс работы — это толстенная папка. В неё я собирал всё по текстовому и интерфейсному Руту: варианты названий, формулы распределения насыщенности и так далее. На Руте я хотел отработать процесс создания шрифта.

По записям вижу, что в апреле 2017 года подбирал название. Это было почти ровно шесть лет назад. Вот тебе и процесс.

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

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

Давай пройдёмся по всем этапам разработки. Как ты продумываешь концепцию шрифта?

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

Как ты подбирал линейку начертаний?

Над этим я долго просидел. Добивался того, чтобы насыщенность увеличивались гармонично, но делал это не просто на глаз, а пытался найти закономерность. Линейная интерполяция не подходила, поэтому пробовал разные варианты (например, формулы Лукаса де Гроота и Пабло Импаллари).

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

PT Root, определений начертаний
Записи по работе над Рутом

Сколько в Руте в итоге начертаний и для чего они нужны?

В Руте десять начертаний с градацией по жирности от Hairline до Black. Большее количество начертаний просто бы запутало дизайнеров, а меньшего могло бы не хватить.

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

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

PT Root, универсальный шрифт, текстовый шрифт, читаемый шрифт
Начертания в PT Root

Насколько я понимаю, после подбора линейки начертаний пора начинать отрисовывать знаки. Как проходит этот этап?

Главное на старте понять, с какими толщинами и вертикальными метриками работаешь — какая высота прописных и строчных, какая длина выносных элементов. Дальше смотришь пропорции: широкие, узкие или средние. Плюс стилистические решения, например, какими будут места соединения штрихов. Стилистику либо закладываешь заранее ещё на первом этапе, либо уже вырабатываешь в процессе.

Затем открываешь редактор и начинаешь с удобных тебе глифов. Я на базовых знаках, типа «н» и «о», определял пропорции и ритм: сколько белого, сколько чёрного, какие полуапроши. Дальше постепенно добавлял глифы. Например, нарисовал прописные Н и О и строчные «н» и «о». Они сразу же определили часть букв: n в строчных в латинице определила u, m, h; о — b, d, q. Так потихоньку у меня сложился весь шрифт.

PT Root, универсальный шрифт, читаемый шрифт, текстовый шрифт
pt-root_presentation_v003-01_a02-02
Root_2-008
previous arrow
next arrow
Знаковый состав в PT Root

А когда ты всё отрисовал, что дальше?

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

Чем занимается технический отдел?

Как минимум это хинтинг, фичевание и технические записи внутри шрифта. Шрифты ведь нужно подготовить, в том числе правильно заполнить все технические поля: от копирайта до вертикальных метрик. Это уже не шрифтовой дизайн, а шрифтовой engineering — отдельная большая область. Ведь рабочий шрифтовой файл дизайнера — это ещё не шрифт, который ты можешь установить в систему. Сначала нужно «построить» итоговый файл шрифта, а для этого нужно провести довольно много манипуляций с исходником.

Кто-то сам всё это делает, но у нас, к счастью, есть технический отдел. Хинтовкой Рута занималась Галина Кунарёва, наш технолог шрифта. Благодаря её работе он так хорошо выглядит на экране. Плюс, у нас есть Костя Кунарёв, который занимается всякими внутренними делами в шрифте: написанием фич, редактированием таблиц, настройкой метрик, техническими записями и многим другим.

хинтинг
Root-text.hint (DW) Win_10
Root_hint (DW) Win 10
previous arrow
next arrow
На современных мониторах разница между нехинтованным и хинтованным шрифтом меньше, чем на старых, но она есть

Были какие-то сложности в работе над Рутом?

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

Планируешь дорабатывать Рут? 

Было бы хорошо ещё греческий нарисовать, капитель добавить. Капитель можно было бы сформировать автоматически, но я знаю, что сяду и всё опять буду перепроверять и править руками. Ещё курсив надо сделать, он как раз стоит в плане, но будет выпущен отдельно. Но сейчас пора остановиться и выпустить шрифт в мир, иначе всё растянется на неопределённый период. Так что ждите следующего релиза:)

Посмотреть Рут в магазине

PT Root: знаковый состав, начертания и особенности