Шрифт против гарнитуры: простое объяснение
Гарнитура — это дизайн букв (семейство), а шрифт — конкретный файл или начертание внутри этого семейства (например, жирное или курсивное). Если проводить аналогию с музыкой: гарнитура — это песня, а шрифт — её исполнение на фортепиано, гитаре или в оркестровой аранжировке. Понимание этой разницы помогает точно ставить задачи дизайнерам и избегать ошибок в верстке.
В чем главная разница: шрифт или гарнитура?
В бытовой речи мы часто называем «шрифтом» всё подряд: и Arial, и Arial Bold, и Times New Roman. Однако в профессиональной среде (дизайн, полиграфия, веб-разработка) эти понятия строго разделены.
Гарнитура (Typeface) — это совокупность символов, объединенных общим художественным стилем. У них одинаковая форма букв, пропорции и характер. Например, Roboto — это гарнитура.
Шрифт (Font) — это техническая реализация гарнитуры в определенном весе, ширине или наклоне. Это тот самый файл (.ttf, .otf, .woff), который вы подключаете на сайте или выбираете в Word. Например, Roboto Bold или Roboto Italic — это разные шрифты одной гарнитуры.
Лайфхак для запоминания: Представьте, что гарнитура — это модель автомобиля (например, Ford Mustang), а шрифт — это конкретная машина в гараже с определенным цветом и комплектацией (красный Ford Mustang GT).
Почему это важно знать?
- Точность в ТЗ. Фраза «сделайте заголовок шрифтом Montserrat» может быть понята двояко. Уточнение «используйте гарнитуру Montserrat, начертание SemiBold» исключает ошибки.
- Лицензирование. Часто лицензии продаются не на гарнитуру целиком, а на конкретные шрифты (начертания). Покупка Regular не всегда дает право использовать Bold.
- Веб-оптимизация. Подключение всех начертаний гарнитуры замедляет сайт. Понимая разницу, вы подключаете только нужные шрифты (например, только Regular и Bold), экономя трафик.
Ключевые термины типографики
Чтобы говорить с дизайнерами на одном языке, полезно знать базовый словарь. Эти параметры влияют на читаемость и эстетику текста не меньше, чем выбор самой гарнитуры.
| Термин | Определение | Зачем нужно |
|---|---|---|
| Кегль | Размер шрифта, измеряемый в пунктах (pt) или пикселях (px). | Определяет высоту знака. Основной текст обычно 14–16 px, заголовки — крупнее. |
| Интерлиньяж | Расстояние между строками текста (межстрочный интервал). | Делает текст «воздушным». Слишком маленький интерлиньяж сливает строки, слишком большой — разрывает связь между ними. |
| Кернинг | Изменение расстояния между конкретной парой букв (например, A и V). | Устраняет визуальные дыры в словах. Нужен для заголовков и логотипов. |
| Трекинг | Равномерное изменение расстояния между всеми буквами в слове или абзаце. | Используется для уплотнения длинных заголовков или разрежения капслока. |
| Базовая линия | Воображаемая линия, на которой «стоят» строчные буквы. | Ensures выравнивание текста по низу. |
| Апрош | Расстояние между соседними знаками в стандартном наборе. | Базовый ритм текста, заложенный автором гарнитуры. |
Кернинг vs Трекинг: Кернинг точечный (для пары «AV»), трекинг глобальный (для всего слова «АВАТАР»). Не путайте их при правке макетов.
Анатомия буквы: засечки и элементы
Помимо настроек, у самих букв есть части, которые определяют принадлежность к той или иной группе гарнитур.
- Засечки (Serifs): небольшие штрихи на концах основных элементов букв. Гарнитуры с засечками (антиква, например, Times New Roman) традиционно считаются более удобными для длинных печатных текстов, так как засечки направляют взгляд вдоль строки.
- Гротески (Sans-serif): гарнитуры без засечек (например, Arial, Helvetica). Они выглядят современнее и чаще используются в интерфейсах и на экранах.
- Акцидентные шрифты: декоративные гарнитуры для заголовков, логотипов или плакатов. Их редко используют для основного текста из-за низкой читаемости.
Частые ошибки новичков
Даже опытные пользователи редакторов иногда допускают типовые ошибки при работе с текстом.
- Искусственное начертание. Нажатие кнопок B (Bold) или I (Italic) в Word или Photoshop, если в гарнитуре нет настоящего жирного или курсивного начертания. Программа просто «дорисовывает» толщину или наклон, что портит пропорции букв. Всегда выбирайте нужное начертание из списка шрифтов.
- Слишком много гарнитур. Использование более 2–3 разных гарнитур на одной странице создает визуальный шум. Лучше варьировать вес (Regular, Bold) и размер одной-двух гарнитур.
- Игнорирование интерлиньяжа. Текст с межстрочным интервалом 1.0 (единица) читать трудно. Оптимальное значение для основного текста — 1.4–1.6 от размера кегля.
- Растягивание текста. Изменение ширины букв через масштабирование по горизонтали. Это ломает рисунок шрифта. Если нужно узкое начертание, используйте конденсированную версию гарнитуры (Condensed), если она предусмотрена.
FAQ
Можно ли использовать слова «шрифт» и «гарнитура» как синонимы? В разговорной речи — да, вас поймут. В профессиональном общении с дизайнерами, верстальщиками или при составлении брендбука — нет. Используйте точные термины, чтобы избежать технических ошибок.
Что лучше для сайта: шрифты с засечками или без? Для основного интерфейса и больших объемов текста на экране чаще выбирают гротески (без засечек) из-за их чистоты и простоты. Засечки отлично подходят для акцентов, заголовков или длинных статей в стиле «лонгрид», создавая книжную атмосферу.
Как узнать, сколько шрифтов в гарнитуре? Обычно это указано на сайте разработчика или в магазине шрифтов. Стандартный набор («семейство») может включать от 4 (Regular, Bold, Italic, Bold Italic) до 20+ начертаний (Thin, Light, Medium, Black и их курсивные версии).