Как устроены шрифты кратко

Обновлено: 02.07.2024

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

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

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

Примечание

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

Бессмысленно также искать типичные элементы в символьных шрифтах и в некоторых знаках стандартных шрифтов – например, в знаках препинания и специальных типографических символах.

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

Рис. 1.15. Основные (1) и соединительные (2) штрихи в буквах

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

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

Если разница в толщине хорошо заметна и вертикальные штрихи намного толще горизонтальных, то шрифт считается контрастным (рис. 1.16, слева); если же разница выражена не слишком сильно, шрифт считается малоконтрастным (рис. 1.16, справа).

Рис. 1.16. Контрастная (слева) и малоконтрастная (справа) гарнитуры

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

Рис. 1.17. Неконтрастные гарнитуры (слева, в центре) и декоративная гарнитура с обратной контрастностью (справа)

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




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

Рис. 1.18. Гарнитуры с вертикальной (слева) и диагональной (справа) постановкой наплыва

Дополнительные элементы символов – выносные элементы, диакритические знакии засечки(рис. 1.19).

Рис. 1.19. Выносные элементы (1), диакритические знаки (2) и засечки (3)

Хотя может показаться, что такой мелкий элемент, как засечки, не играет особой роли в восприятии шрифта, на самом деле это один из важнейших его признаков. Засечки определяют категорию шрифта – с засечками или рубленый. Художники даже различают шрифты с засечками по их форме и степени выступа. Мы не будем углубляться так далеко, просто отметим, что засечки могут быть как хорошо заметными, так и едва оформленными; в этом случае шрифт занимает как бы промежуточное положение между шрифтами с засечками и рублеными.

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

Рис. 1.20. Основные линии шрифта: верхняя линия прописных букв (1) и базовая линия (2) определяют высоту заглавных букв (3), верхняя линия строчных букв (4) и базовая линия определяют высоту строчных букв (5)

Рис. 1.21. Межбуквенный просвет (слева) образуется из-за небольшого расстояния, закладываемого художником между буквой и границами символа шрифта (справа)

Это необходимо иметь в виду, поскольку символы разных шрифтов при одних и тех же настройках могут оказываться на разных расстояниях друг от друга в зависимости от того, какого размера межбуквенный просвет был заложен в шрифт художником. На рис. 1.2 приводились гарнитуры Literaturnaya и Quant-Antiqua, которые имеют одинаковое начертание, но в их шрифтах заложен межбуквенный просвет разного размера, что видно невооруженным глазом.

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

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

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

Примечание

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

Бессмысленно также искать типичные элементы в символьных шрифтах и в некоторых знаках стандартных шрифтов – например, в знаках препинания и специальных типографических символах.

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

Рис. 1.15. Основные (1) и соединительные (2) штрихи в буквах

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

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

Если разница в толщине хорошо заметна и вертикальные штрихи намного толще горизонтальных, то шрифт считается контрастным (рис. 1.16, слева); если же разница выражена не слишком сильно, шрифт считается малоконтрастным (рис. 1.16, справа).

Рис. 1.16. Контрастная (слева) и малоконтрастная (справа) гарнитуры

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

Рис. 1.17. Неконтрастные гарнитуры (слева, в центре) и декоративная гарнитура с обратной контрастностью (справа)

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

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

Рис. 1.18. Гарнитуры с вертикальной (слева) и диагональной (справа) постановкой наплыва

Дополнительные элементы символов – выносные элементы, диакритические знакии засечки(рис. 1.19).

Рис. 1.19. Выносные элементы (1), диакритические знаки (2) и засечки (3)

Хотя может показаться, что такой мелкий элемент, как засечки, не играет особой роли в восприятии шрифта, на самом деле это один из важнейших его признаков. Засечки определяют категорию шрифта – с засечками или рубленый. Художники даже различают шрифты с засечками по их форме и степени выступа. Мы не будем углубляться так далеко, просто отметим, что засечки могут быть как хорошо заметными, так и едва оформленными; в этом случае шрифт занимает как бы промежуточное положение между шрифтами с засечками и рублеными.

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

Рис. 1.20. Основные линии шрифта: верхняя линия прописных букв (1) и базовая линия (2) определяют высоту заглавных букв (3), верхняя линия строчных букв (4) и базовая линия определяют высоту строчных букв (5)

Рис. 1.21. Межбуквенный просвет (слева) образуется из-за небольшого расстояния, закладываемого художником между буквой и границами символа шрифта (справа)

Это необходимо иметь в виду, поскольку символы разных шрифтов при одних и тех же настройках могут оказываться на разных расстояниях друг от друга в зависимости от того, какого размера межбуквенный просвет был заложен в шрифт художником. На рис. 1.2 приводились гарнитуры Literaturnaya и Quant-Antiqua, которые имеют одинаковое начертание, но в их шрифтах заложен межбуквенный просвет разного размера, что видно невооруженным глазом.


Главная проблема выбора шрифтов — одновременно слишком много и слишком мало вариантов.

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

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

Горький привкус меню выбора шрифтов

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

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



Меню выбора шрифтов из видеоролика “Papyrus”. Ограниченный выбор, всевозможные стили, но далеко не лучшие шрифты из всех возможных.

Систематический подход к поиску шрифтов

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

1. Классификация

Существует сложная система классификации шрифтов. Простейшее деление на категории: шрифты с засечками (serif), гротески (sans-serif), моноширинные (monospaced), рукописные (script) и шрифты для дисплеев (display). Обычно эти категории используются в качестве фильтров на разных шрифтовых сайтах:


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

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

2. Отобранные списки

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

Подобные списки есть также на Typekit, TypeWolf и FontsInUse. Это замечательная идея, и можно порекомендовать всем начать составлять собственные списки шрифтов, с которыми вы уже работали или видели. В будущем эти наработки вам очень пригодятся.

3. Анатомия

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

Например, книга “The Anatomy of Type” Стивена Коулза. В ней собрана информация о 100 хорошо проработанных гарнитурах. Для описания качества шрифтов Стивен использует такие термины, как высота строчных литер (х-height, х-высота), ширина, вес, ball terminal, форма засечек и многие другие.



“The Anatomy of Type“ — графическое руководство Стивена Коулза по 100 гарнитурам. Замечательная книга для изучения истории и особенностей дизайна популярных гарнитур.

Но здесь описаны лишь 100 шрифтов, а как быть с остальными? Что насчёт установленных на ваших компьютерах? А используемых в сети? Какие у них х-высоты, ширины, веса и контрасты? Как это можно узнать?

Внутри шрифтового файла: нехватка метаданных

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



Скриншот панели с информацией о шрифте. Здесь указано название семейства, имя дизайнера, ссылка, версия, дата. Также можно посмотреть диапазон Unicode и Panose-данные. 10-значный код описывает многие характеристики, но информация не всегда доступна, так как ее вносит дизайнер или создатель файла. На правом скриншоте вы можете увидеть такие метрики, как верхние и нижние выносные элементы, х-высоту и угол наклона.

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



Сравнение Panose-данных для шрифтов Roboto и Fira Sans, оба доступны на Google Fonts. Для Fira Sans указано много информации, а для Roboto — мало. Эти метаданные не получится использовать для сравнения шрифтов.

DIY: Анализируем шрифты с помощью opentype.js

Давайте проанализируем шрифтовые файлы и придумаем, как автоматически извлекать нужную информацию. Файлы имеют разные форматы, но почти всегда можно найти версии в TTF (TrueType Font).

В файлах формата OTF (OpenType) можно найти информацию о дополнительных свойствах, например, лигатурах. В файлах WOFF (Web Open Font Format) есть дополнительные метаданные, а шрифты хранятся в сжатом виде.

Благодаря opentype.js можно анализировать шрифтовые файлы прямо в браузере с помощью JavaScript. Opentype.js предоставляет доступ к векторной информации всех наборных знаков, входящих в файл, а также к основным метрикам и таблицам метаданных.

База данных характеристик шрифтов

Ниже мы рассмотрим, как можно измерить контраст, х-высоту, ширину и вес всех шрифтов из библиотеки Google Fonts. Те же методы можно применить и к другим шрифтовым библиотекам, например, Typekit или шрифтам на вашем компьютере.

Контраст

С помощью opentype.js удобно получить данные для отрисовки символов в виде SVG-элементов. Например, можно отдельно нарисовать внешний и внутренний контуры. Затем с помощью одного алгоритма можно пройти по каждому контуру, измеряя расстояние между ними. После этого вычисляем соотношение между самым длинным и самым коротким расстоянием, и вуаля — получили значение контраста, по которому можно сравнивать шрифты.

х-высота



х-высоту можно измерить с помощью информации, предоставленной opentype.js.

opentype.js для каждого символа предоставляет параметр yMax.

Чтобы полученные значения можно было использовать для сравнения (в одних шрифтах используется 1000 юнитов на Em (типографская единица измерения), в других 2048), необходимо нормализовать их и сопоставить с диапазоном от 0 до 1.

Ширина / Пропорция

Ещё можно вычислять среднюю ширину символа на основе эталонного слова вроде “Hamburgefontsiv”. Это неплохой вариант, но всё равно понадобится делать нормализацию с учётом общего дизайна и высоты шрифта.



Расстояние

Схожесть

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


Парсер анализирует каждый шрифт, рисует невидимые SVG и фоновые элементы, проводит измерения и сохраняет данные в JSON-файл.

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

Шрифты можно сортировать по весу, х-высоте, контрасту, ширине, названию и количеству стилей. Диаграммы показывают распределение значений и могут использоваться для отфильтровывания определённых значений. Для каждого шрифта есть подробное отображение с несколькими примерами, символами, метриками, Panose-данными и перечислением схожих шрифтов.

Почему-то некоторые шрифты не загружаются в Safari, так что рекомендую использовать Chrome.

Открытия

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

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

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

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

Итоги

Это довольно сложный подход к поиску шрифтов. В целом результаты поиска зависят от качества шрифтов и сопутствующих данных. Если вы пользуетесь только Google Fonts, то сильно ограничиваете себя, поскольку там представлены не лучшие в своём классе шрифты. При анализе содержимого Typekit выяснилось, что у интерфейса возникают проблемы с производительностью при работе с таким количеством шрифтов. Нужно использовать кэширование и предварительную загрузку, но до этого пока не дошли руки.

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

Возможности

Что можно сделать с этим датасетом:

  • Найти запасные шрифты аналогичной ширины или стиля.
  • На основе х-высоты автоматически настроить размеры шрифтов и высоты строк.
  • Найти комбинации шрифтов, опираясь на их сходства или различия.
  • Создать собственное меню выбора шрифтов для дизайнера постера фильма Avatar.

Дополнительные материалы

Panose Classification Metrics Guide
Руководство 1991 года, подробно описывающее, как измерять отдельные символы, чтобы получать подходящие для сравнения метрики. К сожалению, эти измерения надо делать вручную, что потребует много времени.

Taking The Robots To Design School, Part 1 by Jon Gold
В мае 2016 Джон Голд (Jon Gold) написал о своём подходе к анализу шрифтов. Он затронул такие темы, как дизайн на основе правил (rule based design), ИИ и соответствие датасетов инструментам дизайнеров.

Google Fonts Tools
Набор open source-инструментов для анализа шрифтов на сайте Google Fonts. Например, для определения угла наклона шрифта.

Font Bakery
Это набор Python-инструментов для проверки TrueType-файлов и файлов метаданных для шрифтов с Google Fonts.

Почему просто не использовать данные из сервисов веб-шрифтов?
Все подобные сервисы — например, Typekit, Google Fonts, Fontstand, Fontshop, MyFonts и так далее — имеют собственные наборы фильтров с разной степенью настройки. API этих сервисов по каждому шрифту предоставляют разный объём информации.

API Typekit предоставляет ещё ширину, х-высоту, вес, классификацию, контраст, заглавные буквы и рекомендации.


Засечки или серифы (serif) – важный элемент шрифта. Они могут быть разной формы и могут многое рассказать о своей букве. Засечки бывают симметричные и несимметричные, нового или старого стиля, скругленные, односторонние, есть шрифты с едва наметившимися засечками.


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



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

Арабские цифры бывают двух видов: маюскульные и минускульные . Маюскульные цифры все одного роста c прописными, а минускульные, или медиевальные чуть выше строчных букв, а некоторые имеют верхние и нижние выносные элементы.




Строчные знаки (Lower case) – те, что образуют строку. Они меньше прописной и отличаются по рисунку.

Прописная буква (Upper case) – это большая заглавная. С нее новые начинаются предложения, имена собственные и так далее.

Капитель (Small capitals) – прописные буквы по рисунку, но размером они чуть выше строчных и немного шире по пропорциям. Она применяется в выделениях текста, для набор имен, аббревиатур, для заголовков и первых строк. В кириллическом наборе капитель практически не применяется.



Открытость и закрытость шрифта определяет его апертура, степень открытости круглых знаков шрифта. То есть расстояние между концевыми элементами буквы и угол среза на этих концевых элементах. Это можно увидеть в таких буквах как с, e, s .




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


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


Гарнитура — это название шрифтовой семьи (font family), внутри которой может быть большое количество начертаний. Тонкий, жирный, полужирный – это уже определенный шрифт внутри гарнитуры. Можно сказать, что гарнитура – это общее понятие, как большая коробка, в которой лежат более мелкие понятия – шрифты.




Ширина букв шрифта также влияет на характер и эмоциональную составляющую вашего текста и характер шрифта в целом.

Знаки в равноширинном шрифте не обязательно должны быть одинаково широкими или узкими, но все знаки в нем стремятся к одному размеру. Это хорошо можно определить, написав рядом буквы O, Н, В.

Разноширинные знаки можно отличить по буквам O, Н и Е, где сразу видно, что буква Е почти в два раза больше О.



Ширина букв шрифта также влияет на характер и эмоциональную составляющую вашего текста и характер шрифта в целом.


Контрастность шрифта определяет его стиль. До 19 века у наборщиков была только антиква, шрифты с засечками. Их строение основано на гуманистическом минускуле и писании ширококонечным пером. Пером писали под определенным углом, и какие-то штрихи получались тоньше других. А контрастность зависела от угла наклона пера.

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


Это очень интересная и красивая вещь. Лигатура – это один знак шрифтового набора, который содержит в себе два или три соседних знака.

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

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

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

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


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

Внутри антикв и гротесков есть тонкие различия. Гротески появились намного позже, чем антиквы. До 19 века все шрифты были антиквенными, и берут они свое начало от римского капитального шрифта.

фото showinfo.rietveldacademie.nl
Первое римское монументальное письмо, найденное на Колонне Траяна. Буквы сформировались и относится ко 2 веку до нашей эры



Встречаются скошенные срезы вертикальных штрихов
Отсутствие засечек
Открытость, негеометричность форм
Встречается небольшой контраст

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

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

Подробнее узнать о подгруппах можно в шрифтовом справочнике компании ParaType


Название часто заканчивается на serif или slab-serif
Засечки прямоугольные без скругления
Такие брусковые часто создаются в пару к гротеску


Шрифты, имитирующие рукописный почерк, почерки какой-либо стилистики, исторические почерки и так далее


Леттеринг – это индивидуальная шрифтовая надпись, создается специально под проект. Когда дизайнер делает надпись и хочет передать эмоциональный смысл слова, он делает это слово уникальным. У него есть ограниченный набор букв, которые будут идеально смотреться друг с другом только в таком виде.

Разница между леттерингом и сочетанием букв из набора в том, что дизайнер, создавая шрифт, думает о том, чтобы все знаки алфавита были гармоничны друг для друга. Шрифт – это усредненная форма, и знаки довольно универсальны.

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

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



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

Шрифты создаются художниками в соответствии:

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

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

Содержание

Основные характеристики шрифтов

  • гарнитура: объединение разных по кеглю и начертанию, но одинаковых по характеру рисунка шрифтов;
  • начертание: прямой, курсивный
  • насыщенность: светлый, полужирный, жирный (отношение толщины штриха к ширине внутрибуквенного просвета);
  • ширина: нормальный, узкий, широкий;
  • размер (кегль) в пунктах (1 пункт = 1/72 дюйма);
  • чёткость;
  • форма засечек.

Различают основные группы шрифтов: наборные и акцидентные шрифты. Эти две группы разветвляются на множество подгрупп. Каждая гарнитура имеет своё наименование. Разработка гарнитур — сложная и трудоёмкая работа.

Анатомия шрифтов

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

Засечки

Шрифт без засечек
Шрифт с засечками
Шрифт с засечками
(выделены красным)

Шрифты можно разделить на две основные категории: с засечками (серифами) и без засечек (рубленые). Засечки представляют собой небольшие элементы на концах штрихов букв. В полиграфии шрифты без засечек также называют гротесками (нем. Grotesk от итал. grottesco ).

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

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

Пропорции

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

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

Моноширинные шрифты лучше подходят для некоторых целей, поскольку их знаки выстраиваются в чёткие, ровные колонки. Большинство ручных пишущих машинок и алфавитно-цифровых компьютерных дисплеев использует моноширинные шрифты. В большинстве компьютерных программ, у которых имеется только текстовый интерфейс (например, эмуляторы терминала), также применяются только моноширинные шрифты. Программисты, как правило, предпочитают моноширинные шрифты при редактировании Исходного кода. Для правильного отображения ASCII art обычно требуется моноширинный шрифт. На веб-страницах теги или чаще всего задают непропорциональные шрифты. В verbatim использует непропорциональные шрифты. Любые две строки текста с одинаковым числом символов при использовании моноширинного шрифта должны отображаться имеющими одинаковую ширину, тогда как при использовании пропорционального шрифта те же две строки могут иметь совершенно разную ширину. Это происходит из-за того, что в последнем случае широкие символы (такие как буквы W, Q, Z, M, D, O, H, и U) требуют больше места, чем узкие (такие как i, t, l, и 1). В издательском деле, редакторы читают рукописи, набранные моноширинными шрифтами для облегчения редактирования, и присылать рукописи, набранные пропорциональным шрифтом, считается плохим тоном.

Шрифты в России

Единственным производителем шрифтов в СССР был Отдел наборных шрифтов (1938—1993 гг.) НИИ полиграфического машиностроения. За годы существования отдела было разработано около 80 гарнитур. После упразднения отдела, многие работавшие в нём дизайнеры перешли в компанию ParaGraph.

Проектированием кириллических шрифтов в России занимаются несколько компаний, наиболее известными из которых являются ParaType (бывшее подразделение компании ParaGraph, отделившееся в 1998 году) и студия Letterhead (основана в 1998 г.). Попавшая к пиратам в конце 90-х годов шрифтовая библиотека ParaType является основным содержимым всех без исключения пиратских сборников.

Классификация шрифтов по ГОСТ

В эту группу входят гарнитуры, не имеющие засечек, например: Журнальная рублёная, Древняя, Плакатная, Букварная.

  • Группа шрифтов с едва наметившимися засечками

Сюда входят гарнитуры, концы штрихов которых немного утолщены, например Октябрьская.

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

Шрифты этой группы имеют ярко выраженный контраст и длинные тонкие прямые засечки, соединяющиеся с основными штрихами под прямым углом. Пример: Обыкновенная новая, Елизаветинская, Бодони.

Контраст в этих шрифтах отсутствует или малозаметен, утолщённые прямые засечки соединяются с основными штрихами под прямым углом. Примеры: Брусковая газетная, Балтика.

Как правило, шрифты этой группы, которые характеризуют длинные закруглённые засечки, мягко сопрягающиеся с основными штрихами, используются при наборе большого количества текста, в книгах и газетах. Примеры: Новая газетная, Школьная, Бажановская, Журнальная, Академическая.

В эту группу входят все шрифты, которые нельзя отнести ни к одной из остальных групп. Например, рукописные гарнитуры, такие как Жихаревская.

Современные шрифты

См. также

  • библиотека для растеризации шрифтов.
  • Международная ассоциация типографов

Ссылки

Wikimedia Foundation . 2010 .

Полезное

Смотреть что такое "Шрифты" в других словарях:

Шрифты — типографские. Полное собрание типографских букв илилитерслужащих для воспроизведения письменных знаков какого либо языка,назыв. Ш. Помимо прописным и строчных букв в состав Ш. входят ещекапительные буквы, знаки препинания, цифры, дефис или знак… … Энциклопедия Брокгауза и Ефрона

Шрифты — (классификации) 1) Ш. пишущих машин классифицируются по размерам (высота, ширина) знаков, их конфигурации. Комплект литер со знаками, характеризующимися определенными размерами и конфигурацией, образует Ш. определенной марки; 2)… … Криминалистическая энциклопедия

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

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

Шрифты типографские — Полное собрание типографских букв или литер, служащих для воспроизведения письменных знаков какого либо языка, называется Ш. Помимо прописных и строчных букв, в состав Ш. входят еще капительные буквы, знаки препинания, цифры, дефис или знак… … Энциклопедический словарь Ф.А. Брокгауза и И.А. Ефрона

Читайте также: