❗ Вебсайт в стадии бета-тестирования. Возможны ошибки.

Горизонтальные метрики глифа

Горизонтальная метрика глифа (Horizontal Glyph Metrics) — метрическое значение отдельного глифа, используемое для вычисления длины строки.

Горизонтальные метрики глифа включают:

  • горизонтальное смещение;
  • ограничивающий контур;
  • боковые опоры.
Метрики глифа

Метрики глифа

Существуют глифы у которых нижние выносные элементы расположены ниже базовой линии.

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

Внимание!

Размер em площадки глифа определяет горизонтальное смещение, а не контуры глифа.

Горизонтальное смещение (Advance Width) — занимаемое глифом горизонтальное пространство вне зависимости от разметочных частей этого глифа.

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

Ограничивающий контур, чернильный прямоугольник (Bounding Rectangle) — прямоугольник, содержащий все «чёрные части» глифа.

Боковая опора (Side Bearings) — пространство между ограничивающим контуром и контуром прямоугольника глифа.

Левая боковая опора (Left Side Bearing) — пространство между левой стороной ограничивающего контура и левой стороной контура прямоугольника глифа.

Правая боковая опора (Right Side Bearing) — пространство между правой стороной ограничивающего контура и правой стороной контура прямоугольника глифа.

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

Горизонтальные разделители глифов

К горизонтальным разделителям глифов относят:

Цифровой пробел (U+2007,  ,  ) равен ширине цифры. Применяют в математических текстах и таблицах, содержащих колонки цифр для выравнивания.

Тонкий пробел это символы Юникода:

  • U+2009   THIN SPACE ( ,  );
  • U+202F   NARROW NO-BREAK SPACE ( ).

Применяют для разделения тысяч в числовых данных. Например, 1 000 000.

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

Апрош

Апрош (Letter-spacing) — расстояние между соседними глифами.

Полуапрош — расстояние от глифа до края площадки следующего глифа.

Увеличивая расстояние между глифами (кернинг или трекинг), увеличивают расстояние с обоих сторон глифа.

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

Два рядом расположенных полуапроша создают апрош.

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

Апрош

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

Кернинг

Кернинг (Kerning) — горизонтальное смещение позиционирования кернинговой пары глифов.

Под кернингом одновременно понимают:

  • расстояние между ограничивающими контурами пары соседних глифов (кернинговой парой);
  • процесс изменения интервала между глифами.

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

В цифровой типографике кернинг представляет собой числовое значение на которое следует увеличить или уменьшить интервал между парой глифов. Числовое значение выражают в единицах шрифта em. Распространены значения 1000 и 2048 единиц от em. Например, при делении на 1000 значение кернинга 15 означает увеличение интервала между глифами на 0,015 текущего размера шрифта (em).

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

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

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

Шрифты формата OpenType задают кернинг посредством таблицы позиционирования глифов (Glyph Positioning Table, GPOS). Поскольку шрифт OpenType включает большое количество глифов, образующих огромное количество кернинговых пар, отдельную таблицу разбивают на подтаблицы. Это не только позволяет управлять сложностью, но и экономит общий объём памяти.

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

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

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

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

Кернинг надстрочных и подстрочных глифов (верхний и нижних индексов в формулах) можно встретить крайне редко. Дело в том, что стандарт OpenType не описывает математический алгоритм для этих видов глифов.

Каскадный язык стилей CSS поддерживает разметку кернинга в гипертексте. Для этого используют свойство:

# Применить данные кернинга шрифта

.example {
    font-kerning: normal;
}

Трекинг

Трекинг (Tracking) — равномерное расстояние меду глифами гипертекстового блока.

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

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

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

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

Уплотнение — уменьшение апроша, расстояния между глифами.

Уплотнение создаёт более компактный и плотный текст.

Интервал между словами

Межсловный интервал (Word spacing) — расстояние между словами одного предложения.

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

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

В разметке CSS для изменения интервала между словами используют свойство:

# Обычный интервал, заданный текущим шрифтом

.example {
    word-spacing: normal;
}

# Дополнительный интервал к заданному текущим шрифтом

.example {
    word-spacing: 0.3em;
}