Быстро учимся играть со шрифтами

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

Это на самом деле не шрифты

То, что мы называем «шрифт», на самом деле не шрифт, а гарнитура. Arial, Times, Calibri, Cambria и т. д. — это гарнитуры. Полужирный, жирный, курсив — это начертания. Но для простоты мы будем вместо этого говорить «шрифт», потому что мы не дизайнеры, а просто люди.

Зачем разбираться в шрифтах

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

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

Например, вот так читать тяжело из-за выбранного шрифта:

Вот так — читаемо и спокойно:

А вот так появилась эмоция. Какая у вас?

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

Смотрите на засечки

Есть три варианта шрифтов: с засечками, без засечек и фильдеперсовые.

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

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

Примеры антиквы Times и гротеска Arial. Сравните буквы «с», «з», «т», «к» и «ч»

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

Примеры декоративных шрифтов из Google Fonts. Что вы чувствуете, когда их видите? Какие ассоциации?

❌ Декоративными шрифтами категорически нельзя набирать что-то длинное и то, где есть важная информация. Информативные тексты — только гротеском (без засечек), а если это журнал или книга — антиквой (с засечками).

Русские буквы есть?

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

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

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

Настроение от шрифта

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

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

Шрифты сверху вниз: Museo Sans, Helvetica, Times

Какие-то шрифты напоминают вам о детстве, какие-то вызывают ассоциации с СССР и пыльными книгами, какие-то выглядят современно и свежо, а какие-то уже примелькались. Какие-то шрифты стали мемными, какие-то уже перестали. Вся эта смысловая и эмоциональная нагрузка идёт вместе со шрифтом. Если вам это нужно — хорошо. Если нет — не рискуйте.

Lobster и Impact — самые мемные шрифты. Написал что-то «Импактом» — сразу на душе как-то мемно стало

Жирность, курсив и наклон

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

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

Курсив — это как будто пишут от руки. Буквы красиво соединяются, выглядит красиво. А еще есть наклонный — это когда шрифт искусственно наклоняют набок, типа курсив, но для ленивых. Это плохо, не делайте так.

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

Это шрифт Open Sans в вариантах Light и Condensed Light. Он будет напоминать нам о временах четвертого «Айфона»

Общая читаемость

Смотрите на набранный текст и задавайте себе вопрос: «Достаточно ли легко его читать?» Если да — всё ок. Если глаз напрягается — возьмите шрифт попроще.

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

Сочетаемость шрифтов

Самый простой вариант — выбрать какой-нибудь один простой гротеск и набирать им всё: что-то жирным, что-то обычным. Это скучно и безопасно. Например, так можно сделать со шрифтом Arial или Helvetica.

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

Дырки меж букв

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

Дырки меж строк

Обычно в шрифте прописано, какое расстояние должно быть между строками. Но бывает, что что-то ломается, и строки начинают стоять слишком плотно или слишком свободно. Это можно понять чисто субъективно: если кажется, что тексту душно или, наоборот, сквозит, — возможно, дело в расстоянии между строками. Оно настраивается.

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

Что значит «поиграть со шрифтами»

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

Сохранение шрифтов в документе

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

Лицензии на шрифты

Есть шрифты, которые все используют без проблем, — всякие простые типа Times, Arial, Calibri и т. д. Даже если они кому-то принадлежат, правообладатель не бегает по интернету и не судится со всеми, кто использует его шрифт.

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

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

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

Ещё есть шрифты с открытой лицензией — то есть правообладатели прямо разрешили их использовать.

Например, семейство шрифтов Open (Open Sans, Open Serif, Open Mono) распространяется для всех и бесплатно.

Для сравнения: шрифт «Иволга» студии Лебедева стоит для компании от 8 до 100 тысяч рублей в год. А по иску правообладателя придётся отдать в несколько раз больше. Суды в этих вопросах весьма однозначны.

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

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

Кто эксперт в этом во всём?

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

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

Что запомнить

Заголовки — жирным, без засечек.
Основной текст на экране — нежирный, без засечек. Особенно если это презентация или сайт.
Если у вас книга или печатный журнал — можно набирать основной текст с засечками.
Не набирайте основной текст тонким или жирным. Регуляром — да. Тонким можно набирать огромные заголовки в светских журналах в 2015 году.
Если английские буквы и цифры выбиваются — меняйте шрифт.
Если надпись выглядит плохо и вы сомневаетесь — поставьте Arial, Helvetica или Open Sans.
Если меж букв дырки — что-то сломалось.
Если это книга или лонгрид, поставьте красивый шрифт с засечками, на свой вкус.
Если сомневаетесь — посоветуйтесь с графдизайнером.
Если нравится это дело — становитесь графдизайнером.
Вы имеете право не играть со шрифтами.

Всё, вашу пуговицу отпустили, бегите.

Любите, когда красиво? Возможно, у вас талант к графдизайну

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

Если любите красоту и хотите работать в сфере ИТ, попробуйте себя в этой профессии. По кнопке — практический курс с тренажёром и поддержкой куратора. Старт бесплатно.