Анатомия тысячи шрифтов / Блог компании NIX / Хабр

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

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

Шрифтов существует огромное множество. Все их объединяет наличие шести основных характеристик:

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

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

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

Beer money

normal normal — beermoney

The quick brown fox jumps over the lazy dog.

Зарегистрируйтесь и собирайте свою коллекцию шрифтов.

Скачать шрифт

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

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

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

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

clrs_ulmzmwz_4ecvtwcqj2_tiq.png

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

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

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

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

Fontshop

. Вы можете найти здесь коллекции, отсортированные по десятилетиям, по степени схожести или по сфере применения.

Подобные списки есть также на

Typekit

,

TypeWolf

и

FontsInUse

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

3. Анатомия

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

Например, книга “

The Anatomy of Type

” Стивена Коулза. В ней собрана информация о 100 хорошо проработанных гарнитурах. Для описания качества шрифтов Стивен использует такие термины, как

высота строчных литер

(х-height, х-высота),

ширина

,

вес

,

ball terminal

,

форма засечек

и многие другие.

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

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

Без засечек (Sans-serif)

Определяющая особенность: никаких расширений в конце буквенных штрихов

Основное применение: экранный тип

Классические примеры: Helvetica, Gotham, Akzidenz Grotesk, Futura

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

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

Шрифт Sans-Serif Futura

Sans-Serif Futura сегодня является шрифтом Dolce & Gabbana, Calvin Klein и Absolut Vodka

На самом деле политика — актуальная тема в разработке шрифтов без засечек. Первые из них, такие как Akzidenz Grotesk, были разработаны в конце 19-го века с рациональной целью создания четких вывесок и разборчивых заголовков. Это может показаться не революционным, но идея улучшения читабельности наряду с грамотностью была идеалом утопических и социалистических движений по всей Европе.

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

Шрифт Johnston

Sans-serif Johnston полон гениальных штрихов

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

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

Популярные шрифты для полиграфии и веб-дизайна

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

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

Первым популярным в типографиях и веб-пространстве семейством является Serif. Его характерные черты – засечки и штриховой выступ в верхней части символа. Также шрифты данного семейства отличаются плавностью перехода при изменении толщины линий. Times New Roman, Georgia, Courier New и египетский стилизованный Clarendon – классика жанра, которая популярна и знакома не только web-дизайнерам и работникам типографий.

В семействе Sans serif представлены традиционные рубленые шрифты. Они не имеют засечек, и плавность линий – это точно не про них. В журналах, газетах, на листовках, календарях, в буклетах тексты нередко печатаются с помощью Comic Sans, Tahoma, Verdana, Arial. Преимущества шрифтов очевидны. Текст выглядит современно, стильно, отлично воспринимается.

В веб-дизайне также часто используется семейство рукописных шрифтов. Имитация почерка человека – известный прием для повышения лояльности пользователя к представленной на сайте информации. Рукописные шрифты рекомендованы для коротких сообщений. Используются чаще всего Anfisa Grotesk, Calligraph, Rosamunda One, Annabelle, Andantino script.

Остальные шрифты относят к семейству декоративных. Их удел – заголовки, логотипы и пр. Неплохо зарекомендовали себя на этом участке работы Open Sans, Academy, Taurus, PT Sans.

Рукописные (Script)

Определяющая особенность: подражание почерку или каллиграфии

Основное применение: Различный

Примеры: Shelley, Bickham

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

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

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

Шрифт Bellissima для этикеток и свадебных приглашений

Легкая и воздушная Bellissima — это фаворит для роскошных этикеток и свадебных приглашений

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

Старомодный готический шрифт Osgard Pro

Многие старомодные готические шрифты (такие как Osgard Pro) имитируют каллиграфические надписи

При поиске скриптовых шрифтов дизайнеры обычно ищут уникальный внешний вид. Ни один рукописный шрифт не имеет профиль Times New Roman или DIN, например.

Однако Shelley и Bickham входят в число классических и оба очень элегантны. Bellissima светла и воздушна, и была хитом для студии Sudtipos. Для более мужественных надписей попробуйте Christopher Hand или Black Jack.

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

Получите востребованную профессию дизайнера

Виды шрифтов

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

Основные виды шрифтов и их классификация в типографике

По назначению

Самое основное деление, это классификация шрифтов по назначению. То есть, для каких целей используется.

Основная классификация шрифтов по назначению

Шрифты для текста

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

Главное назначение, сообщать читателю большие объемы информации.

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

Шрифты для заголовков

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

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

Как правило, начертание более жирное. Либо наоборот, более светлое или контрастное, чем это необходимо для набора сплошного текста.

Акцидентный шрифт

Третья группа классификации по назначению, это акцидентные шрифты. Название происходит от слова «акцент».

Этими шрифтами акцентируется зрительское внимание на текстовых фрагментах.

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

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

  1. Шрифты для чтения текста (текстовые и заголовочные)
  2. И те, которые привлекают внимание и делают текст более заметным

Запомните

Акцидентные шрифты не предназначены для набора текста!

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

Очень плохое исполнение акцидентного шрифта не по назначениюПлохой пример использования акцидентного шрифта

Их задача привлекать внимание.

Делается это путем отказа от привычной формы букв. Или переключением внимания со смысла текста на что-то другое.

Например, на орнамент вокруг буквы.

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

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

Но дело в том, что красота шрифта не определяется необычностью его формы или декоративными элементами.

Поэтому наша задача заключается в том, чтобы увидеть эту неброскую красоту и умело ее использовать.

Что же касается текстовых шрифтов, то в отличие от акцидентных, они не должны отвлекать читателя от смысла текста.

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

Хороший пример текстового шрифта для чтения основного материалаПример текстового шрифта

Имитационные

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

Что такое имитационные шрифты и стоит ли их использовать

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

Хотя иногда возникает необходимость оформить какой-либо фрагмент таким стилизованным шрифтом.

Например, в открытке или свадебном приглашении.

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

По строению шрифта

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

Все основные элементы для построения шрифта в типографикеСтроение шрифта

Например, управляя одним только межбуквенным расстоянием можно создать целую креативную концепцию. Тоже самое можно сказать о междустрочном расстоянии.

Хороший пример использования креативной концепции междустрочного расстояния букв шрифтаИнтересное использование междустрочного расстояния

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

Дизайн типографики

Дизайн типографики начинается не тогда, когда мы пытаемся сделать что-то из ничего. Например, создать необычный эффект, который никак не связан с объектом дизайна. Прилепить к тексту какой-нибудь эффект, тень, обводку, свечение и так далее.

Он начинается тогда, когда действует изнутри!

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

Вот тогда начинается настоящий графический дизайн типографики.

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

А теперь вернемся к анатомии шрифтов.

Каллиграфия

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

Причем здесь каллиграфия?

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

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

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

Величина наклона оси овальных букв шрифта

Кстати, величина наклона оси, это очень важная характеристика стиля шрифта.

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

Теперь поговорим об анатомии шрифта. Он состоит из основных штрихов (вертикальных линий). А также из соединительных штрихов (горизонтальных). На рисунке выделено красным.

Основные и соединительные штрихи букв шрифта

Каждая буква в шрифте состоит из печатающихся (1) и пробельных элементов (2). Пространство между штрихами буквы называется внутрибуквенным просветом (4).

Внутрибуквенный просвет и элементы букв типографического шрифта

Справа и слева от знака находятся полуапроши. Два полуапроша у соседних букв создают апрош. Это межбуквенный пробел.

Полуапроши и оапрош шрифта

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

Он имеет свою структуру и принципы построения. Именно эти принципы и позволяют относить разные глифы к одной и той же гарнитуре.

Давайте рассмотрим буквы и поймем в чем состоят принципы их построения.

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

Некоторые строчные буквы вмещаются целиком в строке. А некоторые не вмещаются и выдаются на строку или наоборот свисают.

Пример использование засечек в букв

Например, в русском языке свисающие элементы имеют ножки буквы «д», «ц» и «щ». У буквы «у» хвостик свисает гораздо ниже базовой линии. А у буквы «б» наоборот, выдается над строкой.

Верхние и нижние выносные элементы у букв в обычном шрифте

Все эти хвостики называются верхними и нижними выносными элементами.

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

Гораздо важнее уметь различать основные шрифтовые характеристики.

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

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

  1. Шрифты с засечками или в профессиональной терминологии — антиква (antiqua)
  2. И шрифты без засечек — гротеск (grotesk)

На западе шрифты с засечками называют сериф (serif). А без засечек санс сериф (sans serif).

Шрифты с засечками

Для чего нужны засечки?

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

Засечки как бы создают дорожку, которая ведет глаз вдоль строки.

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

Но на самом деле проводились исследования, которые не подтвердили это утверждение.

Поэтому скорее всего человек легче и быстрее читает тот текст, к которому привык. Это не зависит от наличия и отсутствия засечек.

Засечки бывают разной формы. Многие названия шрифтов были сформированы с учетом особенностей засечек.

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

Засечки со скруглением в наборных шрифтахЗасечки со скруглением

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

Как выглядят засечки без скругления в ноборных шрифтахЗасечки без скругления

Существуют еще и брусковые засечки. Такие шрифты называют брусковыми. У них минимальный дизайн без особой детализации и декоративности.

Используются в основном для набора текста.

Пример брускового шрифта с засечками у буквБрусковый шрифт

Вообще, у брусковых шрифтов существует несколько названий.

В России их называют брусковыми, а на западе Slab Serif. Также их еще называют египетскими шрифтами.

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

Шрифты без засечек

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

Самый известных из них, это Helvetica.

Давайте посмотрим и сравним образцы шрифтов с засечками и без. Возьмем Times New Roman и сравним его с Helvetica и Arial.

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

Сравнение отличий в шрифтах Антиква и ГротескАнтиква и гротеск

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

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

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

Шрифты без засечек (то есть гротески) делятся на дополнительные категории.

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

Простой пример геометрического гротеска шрифта HelveticaГеометрический гротеск Helvetica

Есть еще гуманистические гротески. Форма букв тут более интересна, чем в геометрическом виде. Потому что их рисунок был вдохновлен античными и ренессансными шрифтами.

Пример использования гуманистического гротеска шрифта OptimaГуманистический гротеск Optima

Если посмотреть, то черты Optima чем-то напоминают шрифты с засечками.

Обратите внимание на варьированную толщину штрихов. Тут толщина штрихов меняется.

Как изменяется толщина штриха букв в шрифте Optima

Такое впечатление, что буквы были написаны широким пером.

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

К примеру, если сравним ту же Helvetica и шрифт Futura и посмотрим на строчную буква «а», то увидим, что они выглядят по-разному.

Сравнение букв в шрифтах Helvetica и Futura

Во-первых, они отличаются по форме. А во-вторых, по характеру дуги полуокружности.

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

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

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

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

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

Немецкая дизайнерская школа Bauhaus

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

Дизайнеры Bauhaus искали новую форму знаков алфавита. Как результат этих поисков появились многие современные шрифты.

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

Не всякий шрифт с засечками, это Antiqua!

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

Засечки в брусковом шрифте BalticaBaltica

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

Контрастность шрифта

Следующая очень важная характеристика, это контрастность шрифтов. Она определяется соотношением толщины основных и соединительных штрихов.

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

В зависимости от контрастности и формы засечек, антиквенные шрифты также делятся на несколько видов. Существует:

  • Antiqua старого стиля (по английски Old Style)
  • Переходная антиква (Transitional)
  • Нового стиля и так далее

Антиква старого стиля зародилась в конце 15 века. Она продолжала свое развитие до 18 века.

У старинной антиквы довольно слабо выраженный контраст между основными и вспомогательными штрихами.

Но зато есть ярко выраженный наклон оси овальных элементов.

Перед вами пример шрифта старинной антиквы. Это шрифт Italian Oldstyle. Видите, отличие между основными и соединительными штрихами довольно слабая. Значит этот шрифт малоконтрастный.

Пример шрифта старинной антиквы Italian Oldstyle

Зато у него сильный наклон оси овальных букв. Посмотрите на букву «о».

Внутри группы старинных антикв также есть деление на подгруппы. Одна их подгрупп называется итало-французские антиквы или гаральды.

Эта группа появилась где-то в 16 веке.

Если внимательно посмотреть на строение букв, то можно заметить изменения. Обратите внимание на перемычку буквы «е». В старинной Antiqua она находится под наклоном. А в шрифте Garamont она уже выпрямилась.

Сравнение старинной Antiqua и шрифта Garamont

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

Пример классического переходного шрифта Baskerville

В этой гарнитуре наблюдается более сильный контраст в насыщенности штрихов. Особенно это заметно по букве «м». Также изменилась ось наклона овала буквы. Она стала более вертикальной.

Ну и самая современная группа антикв носит название новой антиквы. По английски их называют New Style. Хотя новыми их можно назвать весьма условно. Им более 250 лет.

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

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

Новая антиква на примере гарнитуры шрифта Bodoni

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

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

Вообще, этот шрифт создает ощущение новизны, четкости и официальности.

Одно время шрифт Bodoni был весьма популярен. Но потом он вышел из моды в наборе текста. В настоящее время он применяется в качестве акцидентного шрифта.

Программы для шрифтов

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

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

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

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

Планируете создавать новые дизайнерские шрифты? Используйте, например, FontLab Studio. В платной версии программы можно полностью реализовать свой творческий потенциал. Для тестирования подойдет и демоверсия. Единственный минус – она не позволяет сгенерировать алфавит в .ttf.

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

Демо

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

Шрифты можно

сортировать

по весу, х-высоте, контрасту, ширине, названию и количеству стилей.

Диаграммы

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

подробное отображение

с несколькими примерами, символами, метриками, Panose-данными и перечислением схожих шрифтов.

n3emg97xqmd6x4mqvib7w7pjpxs.png

Датасет

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

Компьютерный шрифт

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

Компьютерные шрифты существуют в трех основных форматах. Это PostScript или Type1, TrueType и OpenType.

Три основных типа компьютерного шрифта

PostScript

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

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

TrueType

Второй тип шрифта называется TrueType. Он тоже широко использовался в графическом дизайне. Однако считался менее надежным по сравнению с форматом PostScript.

Со временем шрифты формата TrueType были улучшены.

Сегодня с ними справляются любые растровые процессоры. Поэтому уже не существует серьезных различий между PostScript и TrueType.

OpenType

И третьим самым новым шрифтовым форматом является OpenType. Он одинаково подходит как для Windows, так и для Macintosh.

Проще говоря, шрифт OpenType — это тот же самый формат TrueType, только с добавлением данных формата PostScript.

Поэтому он объединяет лучшие стороны обоих.

Еще несколько лет назад шрифты OpenType были достаточно редкими. Они поставлялись в ограниченном количестве вместе с программами Adobe.

Сегодня они достаточно распространены. Поэтому все производители шрифтов выпускают в этом формате.

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

Меню с командами для работы со шрифтами OpenType в программе Adobe InDesign

Где находятся шрифты

В операционной системе Windows, шрифты находятся в системной папке «Fonts». Для этого зайдите на диск «С» в папку «Windows». Там вы ее и найдете.

Если вы работаете на своем домашнем компьютере, а не в профессиональной студии, то скорее всего, у вас установлены шрифты TrueType.

В старых версиях Windows шрифты в папках обозначались определенным значком. Он позволял отличать PostScript от TrueType и OpenType.

Где находятся шрифты в WindowsКомпьютерные шрифты в Windows XP

В новых версиях Windows уже есть специальная утилита для предпросмотра шрифта. Иконка каждого шрифта отображает его начертание.

Автоматическая функция предпросмотра установленных шрифтов в Windows 10Предпросмотр шрифтов Windows 10

Как ими управлять

Тем не менее я рекомендую пользоваться специальными программами для управления и просмотра шрифтов. Они называются шрифтовыми менеджерами или диспетчерами шрифтов.

Профессиональные дизайнеры всегда ими пользуются.

Для чего это нужно?

Основное назначение менеджера, это легко сводить к минимуму число активных шрифтов.

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

Как выглядит меню с очень длинным списком шрифтов в программе Adobe InDesignДлинный список шрифтов в Adobe InDesign

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

Кроме того, такой софт помогает упорядочить шрифты.

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

То есть вам не нужно загружать все эти шрифты в системную папку.

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

На этом все!

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

Акцидентные шрифты (Display)

Анатомия тысячи шрифтов / Блог компании NIX / Хабр

Анатомия тысячи шрифтов / Блог компании NIX / Хабр

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

Формальные (Formal)

Формальные часто напоминают стиль рукописных букв 17-го и 18-го веков. Некоторые рукописные шрифты основываются на почерках таких известных мастеров как Джордж Шелл и Джордж Бикам. Существуют и современные шрифты этого типа, например, Kuenstler sсript. У всех них есть нечто общее – элегантный, благородный типографический дизайн. Такие гарнитуры не подходят для набора основных текстов.

formal.png

Гэльский шрифт (Gaelic)

Анатомия тысячи шрифтов / Блог компании NIX / Хабр

Анатомия тысячи шрифтов / Блог компании NIX / Хабр

Гэльский шрифт происходит от средневековых рукописей как «островной» вариант латинского письма, иногда называемый так же «кельтским». В Ирландии термин cló Gaelach употребляют как противоположный термину cló Rómhánach (романский шрифт). Печать этим шрифтом была общепринята в Ирландии до середины XX-го в. Сегодня же его используют преимущественно для декоративных целей; например, немало ирландских газет печатают свои названия на обложке гэльским шрифтом, также он популярен в названиях пабов, поздравительных открытках и рекламе. В 2010г в истему Vox-ATypI были внесены поправки, чтобы включить гэльские шрифты в особую категорию, названую их же имением.

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

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

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

Настроение

При выборе шрифта важно помнить о его настроении. Разные шрифты производят разное впечатление: одни кажутся строгими, другие – неформальными, одни таят в себе дух современности и будут отлично смотреться на обложке модного журнала, другие, классические, будут уместны на страницах старых документов. Например, Times New Roman всегда считался классическим шрифтом, поэтому он так часто используется в деловой переписке. Verdana же, с другой стороны, более современный шрифт и используется соответственно. Некоторые шрифты более гибкие, «безликие», и могут отражать любое настроение, в зависимости от содержания текста и сочетания с другими шрифтами. Например, такой считается Helvetica.

mood.png
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: