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

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

Не смешивайте настроение

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

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

Adobe Fonts

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

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

Лучшие сочетания шрифтов: правила и рекомендации

Настоящий курсив всегда лучше наклона
Некоторые шрифты, например, Arial имеют курсивное начертание, другие, например, Verdana вместо курсива используют просто наклон шрифта. Курсив является более сильным средством выделения, чем наклонный шрифт, поскольку он имеет больший контраст. Вместо курсивов можно применять рукописный (декоративный) шрифт, построенный на похожем каркасе, у него должны совпадать пропорции знаков. Поскольку они только учатся читать, для них лучше всего подходят легкочитаемые шрифты с крупными и различимыми буквами. Его создала Розмари Сассун, основываясь на собственных исследованиях того, какие буквы легче всего считываются детьми.

• Они нужны, чтобы визуально разделить и структурировать разные элементы дизайна, сохраняя при этом гармонию и целостность общего вида.
• «Начертание»  —  это графическая разновидность шрифта в пределах одной гарнитуры.
• Разработчик Клаус Соренсен предложил возможность дизайнерам веб-ресурсов использовать его для создания стилистического эффекта разнообразных заголовков и подзаголовков.
• Шрифт Myriad Light хоть и больше и выше, но теряет свою власть из-за более толстого Minion Bold.
• Цветность в терминах типографики означает общий вид набора в зависимости от разного размера шрифта, его насыщенности, ширины строки, интерлиньяжа, кернинга и некоторых других факторов.

К каждому из примеров прилагается не только информация об используемых названиях фонтов и кодах цветов, но и HTML/CSS исходники, которые вы можете скопировать прямо на свой сайт. Данный проект был создан командой дизайнеров и разработчиков, которые отлично ориентируются в теме. С помощью специального генератора в нем автоматически формируются и визуализируются различные пары шрифтов. Mixfont предлагает 1000 уникальных фонтов, из которых реально получить около 600 тысяч комбинаций! «Начертание» — это графическая разновидность шрифта в пределах одной гарнитуры. В мире есть много красивых шрифтов, но не все из них идеально подойдут для вашего проекта.

Примеры сочетания шрифтов (ресурсы):

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

И 4 инструмента для создания шрифтовой пары – так называемые 4 способа, 4 инструмента, которыми мы можем влиять на контраст (рис.5). Избегайте сверхтонких или сжатых вариантов, потому что они могут скрыть индивидуальность экспериментального шрифта. Если экспериментальный вариант имеет четкую форму букв, например овальную или круглую, попробуйте подобрать аналогичную форму и для варианта без засечек. Это поможет стилю экспериментального варианта действительно улучшить типографский вид и общий дизайн. Adobe Fonts – это потрясающая подборка для тех, кто использует шрифты от Adobe.

PT Sans

Имя художника — акцидентный Kunst Grid, созданный специально для айдентики музея на основе скетча Яна Чихольда. Название «Мгновение ока, и годы прошли» на трёх языках — элегантная антиква в прямом и курсивном начертаниях. Даты выставки набраны Suisse Int’l Regular, который в таком окружении выглядит спокойным, размеренным и просто сообщает важную информацию. Посмотрим, как шрифты Suisse Int’l выглядят в разных проектах и какие шрифтовые пары с ними можно собирать. Достаточно часто дизайнеры выбирают универсальные шрифты, которые безупречно подходят под любые стилистические направления. Одним из таких вариантов является Гилрой, относящийся к линейке современного инструментария без засечек с различными геометрическими прикосновениями.

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