Строение шрифта

Список основных элементов типографских шрифтов, а также важнейшие характеристики.

Typographia.svg

Линии

Через любую строку текста можно провести несколько воображаемых горизонтальных линий:

  • Верхний край кегельной площадки — в металлическом наборе является верхней границей литеры. В компьютерных шрифтах верхний край кегельной площадки первой строки является верхним краем блока текста. В некоторых шрифтах, чаще всего декоративных, выносные элементы могут выходить за пределы верхнего края кегельной, однако такие выносные элементы требуют специальных инструкций для сопряжения с элементами верхней строки, во избежание наложений. Расстояние от верхнего до нижнего края кегельной площадки называется кеглем шрифта[1];
  • Линия верхних выносных (2) — линия, проходящая через вершины верхних выносных элементов, если они унифицированы по высоте. В некоторых шрифтах может совпадать с линией прописных, но чаще — выше её[2];
  • Линия прописных — линия, проходящая по верхней границе прописных букв[3]. Расстояние от базовой линии до линии прописных называется ростом прописных (19);
  • Линия строчных — линия, проходящая по верхней границе строчных букв, не имеющих верхних выносных элементов и оптической компенсации[4]. Расстояние от базовой линии до верхней линии строчных называется ростом строчных (1);
  • Базовая линия (линия шрифта) (4) — линия, проходящая по нижним границам букв, не имеющих нижних выносных элементов, свисаний и оптической компенсации[5]. Базовая линия одна для прописных и строчных букв. В вариативных шрифтах базовая линия остаётся статичной, однако вертикальные метрики могут динамически изменяться[6];
  • Линия нижних выносных — линия, проходящая по нижнему краю нижних выносных элементов, если они унифицированы по высоте[7]. В современной типографике линии выносных элементов могут выступать как настраиваемые оси вариативности[8];
  • Нижний край кегельной площадки — нижняя граница литеры;
  • Кроме горизонтальных линий, важное значение имеет ось овала — линия, проходящая вдоль наибольшего диаметра овала, либо через наиболее тонкие участки штриха. Ось овала может быть вертикальной или наклонной[9].

Штрихи

  • Основной штрих (штамб) (7) — наиболее толстый вертикальный или наклонный штрих в шрифтах, имеющих контраст[10]. В вариативных шрифтах его толщина динамически изменяется при помощи оси насыщенности (wght)[8];
  • Соединительный штрих — более тонкий, чем основной, горизонтальный или наклонный штрих[11]. В вариативных шрифтах соотношение его толщины с основным штрихом также может динамически управляться[8].

Выносные элементы

  • Верхний выносной элемент (5) — выносной элемент строчной буквы, выступающий вверх за линию строчных;
  • Нижний выносной элемент — выносной элемент, свисающий ниже базовой линии;
  • В вариативных шрифтах высота верхних и нижних выносных элементов может управляться через пользовательские оси вариативности, что позволяет адаптировать шрифт под конкретные задачи вёрстки[8].

Прочие элементы

  • Вершина (апекс) (3) — соединение двух наклонных штрихов либо наклонного и вертикального штриха, образующее угол либо имеющее ровную площадку[12];
  • Горизонтальный элемент (6) — штрих, расположенный поперёк вертикального штриха. Может быть соединён с ним по краям либо в середине[13];
  • Овал — округлый элемент штриха замкнутой формы, например в буквах «О», «Ю». Ось овала может быть прямой или наклонной[14];
  • Полуовал (10) — может быть как замкнутым и ограниченным с одной из сторон штрихом (в буквах «Р», «Б»), так и разомкнутым (например, в букве «З»)[15];
  • Узел — соединение в одном месте нескольких штрихов[16];
  • Перекладина (15) — Горизонтальный штрих примерно (оптически) на середине высоты букв[17];
  • Кегельная площадка — в металлическом наборе — площадка на ножке литеры, на которой располагался отпечатываемый знак. В цифровом наборе кегельная площадка — абстрактный прямоугольник, очерченный вокруг знака[18];
  • Концевой элемент — окончание штриха, не имеющее засечки[19];
  • Нога (9) — Наклонный штрих, заканчивающийся засечкой или концевым элементом;
  • Засечка (сериф) (8) — короткий штрих, перпендикулярный основному, расположенный на его конце[20]. В вариативных шрифтах её форма и толщина могут параметрически изменяться[21];
  • Наплыв (11) — утолщение штрихов в овальных элементах, формирующее контраст шрифта и определяющее ось овала[22][23];
  • Присоединение — штрих, соединяющий части глифа[24];
  • Ухо (14) — элемент, характерный для строчной буквы «g» в некоторых начертаниях. Выглядит как небольшой отросток на овале[25];
  • Капля — каплевидное окончание штриха[26];
  • Петля (13) — нижний элемент строчной буквы «g» в некоторых начертаниях[27]. Как и овал, имеет замкнутую форму, но построен по другому принципу;
  • Хвост — элемент глифа, плавный по форме, не заканчивающийся засечкой, и являющийся, как правило, выносным[28];
  • Диакритические знаки — надстрочные и подстрочные элементы, модифицирующие значение букв, которые проектируются с учётом стилистического единства основного шрифта[29].

Пустое пространство

  • Заплечики — пространство над и под очком литеры[30];
  • Внутрибуквенный просвет — внутренняя часть знака, ограниченная со всех, или почти со всех сторон другими элементами знака[31]. В современных вариативных шрифтах его форма и размер динамически изменяются в зависимости от осей насыщенности, ширины и оптического размера;
  • Апрош — боковое пространство знака слева и справа от его контура, формирующее межбуквенный пробел[32];
  • Кернинг — избирательное изменение расстояния между конкретными парами символов. В вариативных шрифтах эти значения могут динамически интерполироваться[32][8].

Характеристики шрифта

  • Рост строчных — высота от базовой линии до линии строчных[33];
  • Рост прописных — высота от базовой линии до линии прописных[34];
  • Рост шрифта — расстояние от основания литеры до печатающей поверхности. Имеет смысл только по отношению к шрифтам металлического набора, где эта величина стандартизирована и всегда равна 25,1012 мм[35];
  • Очко шрифта — понятие, характеризующее рост строчных букв относительно размера литеры. Обычно не имеет величины, употребляются понятия «крупное очко» и «мелкое очко»[36];
  • Контраст — характеристика различия толщин основных и соединительных штрихов шрифта[37]. В вариативных шрифтах возможно плавное управление контрастом через пользовательскую ось CNTR[38];
  • Насыщенность — понятие, характеризующее отношение толщины основного штриха к кеглю шрифта[39]. В вариативных шрифтах она регулируется стандартной осью wght с диапазоном значений от 1 до 1000[40];
  • Апертура — понятие, характеризующее угол среза концов полуовала в буквах, подобных «с»[41]. В вариативных шрифтах может выступать как динамический параметр для улучшения читаемости[8];
  • Ширина начертания — характеристика, позволяющая изменять ширину от узких до широких знаков (ось wdth)[21];
  • Наклон и курсивность — характеристики, разделяющие механический наклон (ось slnt) и истинный курсив с изменением конструкции знаков (ось ital)[21];
  • Оптический размер — характеристика, адаптирующая контраст и детали шрифта под конкретный кегль (ось opsz)[42].

Вариативные шрифты и динамика

В 2016 году компаниями Adobe, Apple, Google и Microsoft был представлен формат OpenType Variable Fonts (вариативные шрифты), ставший фундаментальным сдвигом в развитии типографики. В отличие от традиционных статичных шрифтов, где каждое начертание требует отдельного файла, новая технология позволяет объединить множество стилей в одном файле. Это достигается за счёт использования «осей вариативности» — заданных дизайнером диапазонов изменения определённых характеристик шрифта, вдоль которых происходит плавная интерполяция формы знаков[8].[21]

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

Примечания

Литература

  • Джеймс Феличи. Типографика: шрифт, вёрстка, дизайн = Complete manual of typography, the: a guide to setting perfect type. — СПб.: БХВ-Петербург, 2014. — С. 45−75. — 496 с. — 1500 экз. — ISBN 978-5-9775-09-08-4.
  • Ольга Сутуга. Глава 1: Визуальный анализ шрифта // Типографика: большая книга для начинающих дизайнеров. — М.: АСТ, 2022. — 320 с. — ISBN 978-5-17-145364-0.

Ссылки

Категории