Шрифты в дизайне

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

Шрифт

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

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

Так уж сложилось, что существует несколько стандартов шрифтов. Наиболее популярны шрифты корпорации Adobe Systems, разработавшей стандарт Type 1, и Microsoft Corp., создавшей формат TrueType. Оба стандарта имеют свои достоинства и недостатки, что привело к их параллельному сосуществованию.

Если вы предполагаете выводить свои документы на фотонаборном автомате, то вам лучше не пользоваться шрифтами TrueType. Это совсем не значит, что они плохи. Просто шрифты Type l написаны на языке PostScript, родном для фотонаборных автоматов, и в случае их использования вероятность неправильной интерпретации заметно меньше, чем при использовании шрифтов TrueType. Если же вы собираетесь выводить созданные публикации на принтере или работаете в сфере Web-дизайна, то, в принципе, безразлично, каким шрифтом пользоваться. Однако шрифты TrueType поддерживаются системой, в то время как для шрифтов Type l необходима промежуточная поддержка (например, Adobe Type Manager). Поэтому при работе в офисных приложениях предпочтение отдается все же шрифтам TrueType.

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

В любом случае, важно соблюдать меру. Считается, что максимальное число шрифтов в одном документе или издании - три-четыре. Даже если на вашей машине есть только шрифт Arial (и слава Богу. - Прим. редактора), то хорошо продуманная игра размером символов, начертанием и размещением блоков текста приведет к хорошим результатам.

Кегль

Это величина площадки, на которой размещается знак (буква). Размер кегля определяется в пунктах. В основу измерений шрифтов положена система Дидо, распространенная в Европе и принятая в России, и так называемая система Пика (англо-американская). В любом случае, основной единицей измерения является пункт, равный в системе Дидо 0,376 мм, а в системе Пика - 0,352 мм. Еще во времена металлического набора у наборщиков сложилось профессиональное наименование кеглей различного размера:

кегль 6 пунктов - нонпарель,

кегль 8 пунктов - петит,

кегль 9 пунктов - боргес и т.д.

Базовая линия

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

Начертание

Это комплект строчных и прописных знаков, цифр, знаков препинания. Начертания шрифтов отличаются насыщенностью, пропорциями, контрастностью и наклоном знаков. Наиболее распространенные начертания - Normal (обычный), Bold (полужирный), Italic (курсив или наклонный), Bold Italic (полужирный курсив или наклонный), Condensed (узкий) и Extended (широкий).

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

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

Насыщенность шрифта определяется изменением толщины основных и соединительных штрихов одноименных знаков в различных начертаниях и может меняться от светлой (Light) до сверхжирной (Ultra Bold).

Контрастность - один из основных признаков шрифта. Определяется отношением толщины соединительных и основных штрихов знаков. По этому признаку шрифты могут варьироваться от неконтрастных до сверхконтрастных.

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

Кернинг и трекинг

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

Кернингом называется изменение ширины пробела для конкретных пар литер. Обычно кернинг делается в сторону уменьшения пробела таким образом, что выступающие части одной литеры пары заходят в пространство второй литеры. Результат - размещение символов становится зрительно более равномерным. Фирменные шрифты снабжены таблицами кернинга, то есть списком пар, для которых нужно сокращать пробел при наборе текста. Это, например, ГО, ГА, АУ, Ст и другие. Если в шрифте есть большая таблица пар кернинга, он будет хорошо и равномерно смотреться в разном кегле.

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

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

Кернинг и трекинг измеряются в специальных относительных единицах - тысячных долях круглой шпации (ems/1000), поскольку при смещении в паре важны не точные значения, а их отношение к величине символов в конкретной гарнитуре. В данном случае применение такой относительной единицы автоматически делает эти смещения пропорциональными кеглю шрифта.

В полиграфии используются дополнительные единицы измерения - круглая шпация, полукруглая шпация, тонкая шпация, характеризующие горизонтальные размеры шрифта. Они соответствуют ширине заглавных букв М, N и строчной буквы t. Таким образом, круглая шпация примерно равна размеру шрифта, полукруглая шпация составляет 0,5 размера шрифта, а тонкая шпация - 0,25 размера шрифта. Поскольку все шрифты разные, то и ширина литеры М у них может различаться. Таким образом, значение круглой шпации колеблется в зависимости от кегля и гарнитуры. Шпации применяются при измерениях абзацных отступов, кернинга и других перемещениях символов.

Выравнивание текста

Разумеется, выравнивание не имеет смысла для отдельных символов, это атрибут абзаца. Для текста любого типа выравнивание может быть задано для каждого абзаца отдельно. Оно определяется как: выровненный по левому краю (Left justify), по центру (Center justify), по правому краю (Right justify) и по ширине (Fully justify). В тексте, выровненном по ширине, строки выравниваются по правому и левому краю колонки.

Интерлиньяж

Расстояние между строками (интерлиньяж) задается для всего абзаца. Общая высота строки равна кеглю самого крупного шрифта, использованного в ней, плюс небольшое расстояние. Стандартная величина интерлиньяжа определяется как 110-120% кегля, но так бывает не всегда.

Спуск

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

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

Статьи по теме

Как быстро запустить Laravel на Windows

Все привет, меня зовут Павел Жуковский и сегодня я расскажу о том как быстро развернуть Laravel на Windows. Как развернуть чере...

2024-09-30

Next.js

На мой взгляд, Next.js - это лучший на сегодняшний день инструмент для разработки веб-приложений. Обратите внимание: руководство актуально �...

2024-09-25

OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения

OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения Либо ограничить доступ. OpenAI рассказа...

2024-09-05

WebSocket

Протокол WebSocket («веб-сокет»), описанный в спецификации RFC 6455, обеспечивает возможность обмена данными между браузером и сервером че...

2024-08-01

Ошибка 404: что это такое и как ее использовать для бизнеса

Для SEO 404 Error — возможность сохранить клиента и позиции в выдаче. Как это сделать, в статье. Окно «404 Not Found» вид...

2024-07-17

PostgreSQL 16. Изоляция транзакций. Часть 2

Введение Данная статья является продолжением первой части: "PostgreSQL 16. Организация данных. Часть 1". Как и первая часть, эта является объед�...

2024-05-27

Комментирование кода и генерация документации в PHP

Зачем нужны комментарии к программному коду? В каком виде их писать? Где они нужны, а где нет? Как правильно комментировать код? Как прид�...

2024-04-22

Что такое CSS-модули и зачем они нам?

В последнее время меня интригуют CSS-модули. Если вы о них не слышали — эта статья для вас. Мы рассмотрим, что это за проект, какие задачи о�...

2024-04-22

23 сервиса для эффективного экспресс-аудита любого сайта

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

2024-04-17

Яндекс переходит на новую версию Wordstat

Часть старой функциональности уже недоступна. Обновленный Яндекс Вордстат полностью перейдет на основной домен wordstat.ru 20 марта. С...

2024-04-08

Яндекс интегрировал в свой облачный сервис эмпатичную нейросеть

Она умеет распознавать эмоции человека по голосу. Алгоритм-эмпат определяет характер речи пользователя: говорит он с явным негатив...

2024-04-08

Новая версия нейросети Claude превзошла по мощности аналоги Google и OpenAI

Скорость обработки сложных научных статей составляет менее трех секунд. Новое поколение моделей ИИ от компании Antropic под названием Cl...

2024-04-08

Как пользоваться GPT 4 и Claude бесплатно и без VPN

Как бесплатно пользоваться GPT 4, его плагинами, а также новой нейросетью Claude 3? Это можно делать в рамках одного сайта, который называет�...

2024-04-08

Как использовать анимацию с помощью JavaScript-библиотеки GSAP

Узнайте, как использовать мощную JavaScript-библиотеку GSAP для создания захватывающих анимаций на веб-страницах, освоив основы и примеры. GSAP...

2024-03-13

Использование GSAP 3 для веб-анимации

Использование GSAP 3 для веб-анимации От автора: Greensock Animation Platform (GSAP) — это простая в использовании библиотека JavaScript для веб-анимации....

2024-03-13