Какие бывают шрифты текста: Attention Required! | Cloudflare

03.08.2021 Facebook Twitter LinkedIn Google+ Разное

Содержание

Что такое шрифты — их виды и классификация с примерами

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

Что такое шрифты

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

Шрифты для компьютера и печатных изданий

Шрифт — это некая совокупность знаков. То есть букв, цифр, символов, знаков препинания и так далее. Все они были спроектированы для совместного применения.

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

Гарнитура — это шрифт определенного рисунка. Или говоря иначе семейства шрифтов. На английском это определение называется «typeface».

Что в переводе на русский — «лицо шрифта».

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

Гарнитура шрифта на бумаге

По английски шрифтовой файл называется «font».

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

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

Это неправильно!

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

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

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

Интерлиньяж и базовые линии шрифта

Базовая линия шрифта нужна чтобы управлять интерлиньяжем (межстрочным расстоянием).

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

Единица измерения шрифта

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

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

Не нужно путать ее с метрической!

В типометрической системе используется не миллиметр, а типографический пункт. Это такая единица измерения шрифта.

В российской типографии принят французский типографический пункт. Он составляет 0.376 мм. Еще существует англо-американский пункт. А в программе верстки используется пункт от компании Adobe. Он равен 1.72 дюйма или 3.352 мм.

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

Кегль

Кегль — это размер шрифта. Изначально он определялся высотой кегельной площадки литеры.

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

Металлическая литера

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

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

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

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

Кегельная площадка

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

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

Кегль шрифта или сам размер тоже измеряется в пунктах.

Размер шрифта

Помимо кегля, впечатления о размере шрифта создается размером его строчных букв. По английски эта величина называется «X-Height».

Это потому, что этот размер определяется, как расстояние от базовой линии шрифта до вершины строчной английской буквы «X».

А линия, проведенная на высоте этой буквы и параллельные базовые линии шрифта, называется средней линией (Main Line).

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

Можно написать одно и тоже слово два раза. К примеру, один шрифтом Times New Roman, а второй Helvetica.

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

Виды шрифтов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Запомните

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

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

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

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

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

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

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

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

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

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

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

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

Пример текстового шрифта
Имитационные

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

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

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

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

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

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

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

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

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

Интересное использование междустрочного расстояния

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

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

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

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

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

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

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

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

Каллиграфия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Засечки со скруглением

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

Засечки без скругления

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

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

Брусковый шрифт

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

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

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

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

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

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

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

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

Антиква и гротеск

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

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

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

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

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

Геометрический гротеск Helvetica

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

Гуманистический гротеск Optima

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Baltica

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Компьютерные шрифты существуют в трех основных форматах. Это 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.

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

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

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

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

Компьютерные шрифты в Windows XP

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

Предпросмотр шрифтов Windows 10

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

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

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

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

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

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

Длинный список шрифтов в Adobe InDesign

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

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

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

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

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

На этом все!

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

 

Мне нравится3Не нравится

Типы шрифтов

Выяснение различных типов шрифтов может привести к путанице. Может показаться, что есть множество различных типов шрифтов, но ключевые из них: serif, sans-serif, script, monospace и display (плюс несколько подкатегорий).

Типография — это творческая дисциплина, ориентированная на дизайн символов для алфавитов по всему миру – латиница, кириллица, арабский… список можно продолжать.

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

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

Типы шрифтов:

  • С Засечками (serif)
  • Без засечек (sans-serif)
  • Рукописные (script)
  • Моноширинные (monospace)
  • Экранные (display)

С засечками (Serif)

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

• Основное применение: печать

• Классические примеры: Bodoni, Caslon, Trajan, Eames Century Modern

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

Шрифты с засечками имеют расширения в конце штрихов символов

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

Шрифты с засечками имеют свои корни в римских надписях

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

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

Не все засечки кажутся классическими — монотипия Rockwell одновременно сильна и несентиментальна

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

Помимо Bodoni, классика включает в себя шрифт 18-го века Caslon; Trajan, который берет вдохновение непосредственно от римских буквенных сокращений; и Eames Century Modern для дизайна 20-го века — информированное чувство.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Примеры: Shelley, Bickham

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

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

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

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

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

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

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

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

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

Моноширинный, или непропорциональный шрифт (Monospace)

• Определяющая особенность: каждый символ занимает одно и то же горизонтальное пространство

• Основное применение: кодирование

• Примеры: FF Trixie, Incomeolata

Подавляющее большинство шрифтов пропорциональны и обеспечивают различное количество горизонтального пространства для каждой буквы. Строчная буква L является самой узкой, O занимает больше места, а W еще шире. Аналогично, прописная буква обычно требует больше места, чем строчная. Тем не менее, Моноширинные шрифты дают каждому символу одинаковое количество пространства.

Моноширинные шрифты, такие как Inconsolata, являются фаворитом для компьютерного программирования

Первоначально эти шрифты разрабатывались для пишущих машинок и других печатных машин. Courier, разработанный Говардом Кеттлером для типографских машин IBM, является самым известным шрифтом в этой категории и представляет собой печатный шрифт. Как и IBM, Olivetti создала целый ряд различных типов букв для своих машин. Когда были изобретены пишущие машинки, способные к пропорциональным буквам, моноширинные шрифты стали аномалией по ностальгическим и эстетическим причинам.

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

В альбоме Аланиса Мориссетта 1995 года Jagged Little Pill использовался моноширинный шрифт печатной машинки Harting

С другой стороны, дизайнеры выбирают моноширинные шрифты, когда хотят придать тексту или надписи ретро-образ. Такие шрифты, как FF Trixie и Chapter 11, имитируют грубый результат нажатия клавиши пишущей машинки на ленту, когда остается отпечаток на бумаге. Более чистые и элегантные варианты включают Inconsolata, GT Pressura Mono и Nitti. Кроме того, доступны моноширинные версии многих популярных шрифтов, таких как Helvetica и DIN.

Экранные шрифты (Display)

• Определяющая особенность: не предназначен для основного текста

• Главная польза: заголовки и реклама

• Примеры: Bella, Karloff, Neu Alphabet, Impact

Экранные шрифты специально разработаны для вывесок, рекламы и заголовков, а не для основного текста. Это может быть serif, sans, script, monospace или одна из многих специализированных подкатегорий.

Большинство экранных шрифтов предназначены для максимальной удобочитаемости при больших размерах. Все чаще экранные шрифты создаются для того, чтобы вызвать эмоциональную реакцию. Для бескомпромиссной элегантности есть Bella, которая щеголяет своим крайним контрастом. Попробуйте Karloff, с его обратным контрастом. Neu Alphabet говорит о классическом футуризме. Impact — это постмодернистский Sans, который был настолько острым, когда он был представлен в 1965 году, что он просто убил свое собственное влияние на будущих дизайнеров.

Разработанный Алексом Трочутом, Neo Deco выиграл премию D&AD и все еще выглядит современно

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

Трафаретные шрифты – такие как эта версия Eames Century Modern — это одна из подкатегорий экранных шрифтов

Конечно, есть множество традиционных экранных шрифтов для распространения сообщений, от Cooper Black и Avant Garde до Metropolis и Old English Text.

Источник

Понравилась статья? Поделитесь с друзьями.

Твитнуть

Поделиться

Поделиться

Отправить

Класснуть

Линкануть

Типы шрифтов: классификация с примерами | Canva

Типы шрифтов: классификация с примерами

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

Словарик 

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

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

Шрифт – это какое-то одно начертание в рамках гарнитуры, а ещё файл со специальным разрешением, который скачивается на компьютер и устанавливается в систему. Например, Arial Italic и Garamond Bold – это шрифты.

Чтобы было проще запомнить разницу, можно использовать такую аналогию: гарнитура – это фамилия, а шрифт – имя. Например, Helvetica – это просто фамилия семейства шрифтов, из которой непонятно, о каком именно шрифте идет речь. А Helvetica Neue Light – это точное имя шрифта.

Сделано в Canva

Сделано в Canva

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

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

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

Итак, какие бывают виды шрифтов.

Виды шрифтов с засечками 

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

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

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

Иногда такие шрифты еще называют антиквами – это историческое название, которое объясняет их происхождение: до 19 века все шрифты в мире были с засечками, а anticuus в переводе с латинского означает «древний».

1. Антиква старого стиля

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

Главная особенность антиквы старого стиля – это наклонные овалы у букв и несимметричные засечки. Пример такого шрифта – Abobe Garamond Pro. Текст, набранный им, сразу же обретает изысканный стиль и красивое книжное настроение.

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

Источник: Melanie Top

Источник: Melanie Top

В Canva бесплатно доступно несколько сотен шрифтов на русском и английском языках. Лучшие варианты в стиле старой антиквы на русском и английском –  Crimson Roman, гарнитура Cormorant Garamond, Oranienbaum, PT Serif.

2. Переходная антиква

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

Переходных антикв не так много, но знают их все: это знаменитые шрифты Times New Roman, Baskerville и Georgia. Этими шрифтами набирают книги и документы, используют их в официальных письмах и других серьезных случаях. Они не устаревают, очень аккуратно смотрятся и их удобно читать.

Источник: devianart

Источник: devianart

3. Антиква нового стиля

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

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

Самые знаменитые антиквы нового стиля – это шрифты Bodoni, Didot, Walbaum. Их можно использовать для тех же целей, что и переходные: при печати книг, документов, писем и официальных заявлений.

Титульный лист книги Вольтера 1819 года

Титульный лист книги Вольтера 1819 года

Хорошие бесплатные примеры антиквы нового стиля в Canva на русском – шрифт Ledger и гарнитура Noto Serif Display. На английском –  шрифт Antic Didone.

4. Брусковая антиква

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

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

Источник: Дмитрий Хорошкин

Источник: Дмитрий Хорошкин

Гарнитура Кларендон – самый удобочитаемый и спокойный шрифт из всего семейства, поэтому её часто используют в современном дизайне. Шрифты такого типа продаются у всех крупных компаний – Adobe, Linotype и других.

Источник: Kevin Gorisnic

Источник: Kevin Gorisnic

Красивые бесплатные примеры брусковой антиквы можно найти и в Canva. Это Alfa Slab One, Faustina Semi Bold, Eszar Extra Bold, Chunk Five и Bio Rmyme Ex для английского языка. На русском можно использовать Foglihten Black PC, Podkova Extra Bold, Rubik Mono и Boldesco Serif.

Виды шрифтов без засечек

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

5. Старые гротески

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

Самые знаменитые старые гротески – Franklin Gothic и Akzidenz Grotesk.

Источник: Lica Eugen

Источник: Lica Eugen

Красивые бесплатные гротески в Canva – Intro, гарнитура Exo 2 Black, DejaVu Sans Bold, Articulat Bold на русском и Gothic A1 Black, HK Gothic Bold, Heebo Black и гарнитура Libre Franklin на английском.

6. Новые гротески

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

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

Источник: Inspirationfeed

Источник: Inspirationfeed

Лучшие бесплатные шрифты в стиле новых гротесков в Canva – Cairo Regular, Carmela, Gidole, Glacial Indifference на английском, и Ubuntu, Sensation Light, гарнитуры Roboto и Open Sans на русском.

7. Гуманистические гротески

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

Впервые эти шрифты появились в Англии в 20 веке, и первым гуманистическим гротеском стал шрифт Gil Sans, который тогда использовался в фирменном стиле Лондонской железной дороги. Позднее этот шрифт лег в основу логотипов BBC, BENQ и KitKat, стал шрифтом шведской марки косметики Oriflame.

Самые знаменитые гуманистические гротески – Gill Sans, Frutiger, Tahoma, Verdana, Optima, и Lucide Grande.

Источник: Сlement Thorez

Источник: Сlement Thorez

В Canva есть бесплатные предустановленные гуманистические гротески. Это HK Grotesk Medium, Inter, Open Sans, Open Sans Light и PT Sans на русском, и Albattar, Arialle, Barlow Thin, Ben Sen Handwriting на английском.

8. Геометрические гротески

Геометрические гротески строятся на простейших типах форм – круге, квадрате и треугольнике. Они появились в Германии в 30-е годы 20 века под влиянием архитектурной школы Баухауза. Суть этих шрифтов в простоте и ясных, чистых формах. Из-за строгой геометричности этих шрифтов их чаще всего используют для заголовков, вывесок, плакатов и других крупных надписей и редко используют для текста. Самые известные геометрические гротески – Futura, Avant Garde и Gotham. Шрифт Futura используется в логотипах компаний Volkswagen, Dolce&Gabbana, Louis Vuitton.

Источник: Soo Yeun Ji

Источник: Soo Yeun Ji

Лучшие бесплатные геометрические гротески на русском в Canva – гарнитуры Articulat, Catrograph и Geometrica, шрифты Bicubik, Tex Gyre Adventor и Evolve Sans Light. Для английского языка можно воспользоваться шрифтами Metro, Michroma и гарнитурой Montserrat.

Декоративные виды шрифтов  

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

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

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

10. Рукописные виды шрифтов

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

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

В Canva бесплатно доступны десятки таких шрифтов на русском и английском языках. Вот некоторые интересные на английском: AC Cyberella, AC Fifindrel, AC Quickpad, Allura. На русском красиво смотрятся Heinrich Script, Bad Script, Caveat, Euro Script и Marck Script.

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

Попробуйте такие бесплатные декоративные шрифты в Canva: Brusher, Princess Sofia на английском, и Bryndan Write, Brusher Cyrillic, ABYS на русском.

11. Готические и декоративные виды шрифтов

Готические шрифты – это предшественники антиквы, которые использовались в Европе до 17 века. Они отличаются особой атмосферностью и сегодня используются для логотипов и вывесок.

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

В Canva такие шрифты бесплатно доступны на русском и английском языках. Самые красивые на русском: Brozas, Galactica, Abibas, Avdira, Ruslan Display. На английском – Amstrong, Rakkas, Rye, Pirata One.

12. Небуквенные виды шрифтов

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

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

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

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

Как выбрать шрифт для сайта