{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

Разбираемся в типографике: 5 основных терминов и их подводные камни

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

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

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

Начертание

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

Когда вы выделяете текст и нажимаете 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% кегля).

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

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

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

Кернинг

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

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

Апроши и полуапроши

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

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

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

В режиме кернинга мы делаем «дырку» между буквами Г и А меньше

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

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

Пишите в комментариях, какие из этих фраз о шрифтах вам встречались:)

0
40 комментариев
Написать комментарий...
Яна Рыбаченко

Агонь! Лайк за полезный материал

Ответить
Развернуть ветку
Александра Королькова
Автор

Рада, что было полезно)

Ответить
Развернуть ветку
Светлана Завацкая

Я присоединяюсь к вашему комментарию, материал очень грамотно составлен.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Александра Королькова
Автор

Спасибо)

Ответить
Развернуть ветку
Andrew Oz

Подтверждаю

Ответить
Развернуть ветку
Дарья Волкова

Вообще не знаю, где мне это пригодится, но статья огонь, было интересно

Ответить
Развернуть ветку
Вячеслав Уфимцев

Интересно, спасибо! Не представляю, сколько времени может уйти, чтобы наладить кернинг в шрифте. Это ж сколько сочетаний букв надо учесть

Ответить
Развернуть ветку
Александра Королькова
Автор

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

Ответить
Развернуть ветку
Владислав Сивачёв

Отличная статья! Очень подробно, наглядно и понятно)

Ответить
Развернуть ветку
Александра Королькова
Автор

Спасибо)

Ответить
Развернуть ветку
Olga Andreyeva

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

Ответить
Развернуть ветку
Александра Королькова
Автор

Спасибо) на всякий случай — там в конце ссылка на расширенную версию

Ответить
Развернуть ветку
Olga Andreyeva

да, я сходила посмотреть

Ответить
Развернуть ветку
Andrey Shishkin

Спасибо за материал. Очень полезно.

Ответить
Развернуть ветку
Юрий Котов

Всегда путал строчные и прописные)
Спасибо за материал, познавательно!

Ответить
Развернуть ветку
Andrew Oz

Александра, спасибо вам за то, что даже в самой банальной и заезженной теме вы найдете интересные и полезные моменты! 💜

Ответить
Развернуть ветку
Александра Королькова
Автор

Спасибо)

Ответить
Развернуть ветку
Андрей Витальевич

Апрош и полуапрош! Есть у меня проблема с этим делом. Что в "картинке" не так?

Ответить
Развернуть ветку
Александра Королькова
Автор

Смотрите, у вас на картинке пунктирные линии проходят по самым выступающим точкам букв, а между ними как бы прямоугольники-пробелы. И из-за того, что они одинаковой ширины, вокруг треугольной буквы получаются большие дыры.
А в шрифте выставляются полуапроши, то есть количество белого сбоку, для каждой буквы, то есть условный пунктир бы проходил посередине между I и F, и, соответственно, у N справа и у I слева было бы в два раза меньше белого — уже ровнее.

Ответить
Развернуть ветку
Александр Лапин

Хм, интересно

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Александра Королькова
Автор

Да, возможно, стоит это в более явной форме написать, спасибо)

Ответить
Развернуть ветку
Eric Bloomberg

Как же все сложно оказывается в типографии
Спасибо за статью!

Ответить
Развернуть ветку
Александра Королькова
Автор

Вот стараемся потихоньку делиться знаниями

Ответить
Развернуть ветку
Алексей Самарин

столько тонкостей и нюансов в подборе шрифтов ,не знал что есть такие заморочки

Ответить
Развернуть ветку
Александра Королькова
Автор

Да, нюансов много) У нас есть отдельная статья о том, как подбирать универсальные шрифты, которые подойдут для разных проектов/задач. Может быть, пригодится: https://info.paratype.ru/kak-podobrat-universalnyj-shrift/

Ответить
Развернуть ветку
Олег Миллер

спасибо за подробный разбор ,было полезно и позновательно

Ответить
Развернуть ветку
Александра Королькова
Автор

Спасибо)

Ответить
Развернуть ветку
Точка Лагранжа

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

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Анастасия Мартынова

Со шрифтами так легко запутаться

Ответить
Развернуть ветку
Тим (Тимур) Восьмерик

А расскажите про особенности шрифтов с письменностями справа-налево. Или в самих шрифтах всё то же самое? И где найти российский свободный шрифт, поддерживающий еврейский алфавит?

Ответить
Развернуть ветку
Александра Королькова
Автор

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

Ответить
Развернуть ветку
Юрий Хрусталев

Слишком сложно, шрифты эти ваши, еще и цвета говорят подбирать правильно

Ответить
Развернуть ветку
Александра Королькова
Автор

Ой, и не говорите…

Ответить
Развернуть ветку
Филипп Новиков

Статья отличная!
Когда узнал, что за кастомный TTF-шрифт (не кириллица, не латиница - пиктограммы на манер Webdings) мои заказчики отдали не меньше, чем весь веб-дизайн ($10K), я думал, они сильно прогадали, но потом понял серьезность задачи.

Ответить
Развернуть ветку
Дизайнер На Окладе

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

Ответить
Развернуть ветку
Сергей Беляев

Как ни странно, на самый распространённый камень - это определение "кегль"!
Множество раз видел следующее:

Ответить
Развернуть ветку
Сергей Беляев

В лучшем случае - такое:

Ответить
Развернуть ветку
Сергей Беляев

Это сплошь и рядом. И ни про какую "кегельную площадку" даже не вспоминают. Печально...

Ответить
Развернуть ветку
37 комментариев
Раскрывать всегда