Как и изображения, шрифты играют важную роль в формировании дизайна сайта. Верно подобранный шрифт дополняет стиль страниц и усиливает интерес пользователей. Сейчас шрифтов столько, что выбор порой сделать трудно. Значительно проще, когда знаешь виды шрифтов, их характеристики и особенности. Сегодня мы детально рассмотрим их. Начнем!
В создании сайтов участвует довольно много шрифтов. Это и всем известные Arial, Georgia, Roboto и прочие, а также шрифты, отрисованные специально для проекта. Все они относятся к разным гарнитурам.
Гарнитура
Это семейство шрифтов одного названия, которые объединяются между собой общим стилем, но отличаются начертанием, насыщенностью, углом наклона знаков и иными показателями.
Рассмотрим гарнитуру Arial. Данное семейство включает в себя такие шрифты, как:
- Arial Regular;
- Arial Black;
- Arial Italic;
- Arial Bold;
- Arial Bold Italic;
- Arial Narrow;
- Arial Unicode MS.
Несмотря на определенные особенности каждого шрифта, общий стиль объединяет их всех и формирует гарнитуру Arial.
Если шрифт имеет несколько вариантов начертания (например, жирный,курсивный и тому подобное), то все они также относятся к общей гарнитуре. Например, в отличие от Arial с дополнительными названиями шрифтов, Times New Roman не имеет таковых. Однако его можно использовать и в жирном, и в курсивном начертаниях, которые автоматически входят в гарнитуру Times New Roman.
Четыре вида шрифтов по гарнитуре
Шрифты разных гарнитур объединены в четыре больших разновидности:
- Серифные, или шрифты типа «Антиква»;
- Санс-серифные, или шрифты типа «Гротеск»;
- Рукописные, или шрифты типа «Скрипт»;
- Декоративные.
Каждый тип шрифтов имеет особенности, которые стоит рассмотреть более подробно.
Антиква и гротеск
Серифы и санс-серифы отличаются наличием засечек. Times New Roman относится к серифным шрифтам, так как имеет засечки. Шрифт же Arial из группы санс-сериф, поскольку засечек у него нет.
Серифные и санс-серифные шрифты предназначены для создания больших объемов текста, поэтому они являются наборными.Однако они отличаются областью применения.
Антиквами печатают документы, книги, газеты и журналы. А в создании сайта чаще всего используют гротески, поскольку они легче для восприятия. Тексты с ними удобнее читать с экрана монитора или мобильного устройства.
Скрипты и декоративные шрифты
Рукописные шрифты повторяют почерк человека. В отличие от антиквы и гротеска, буквы этого вида шрифтов имеют соединительные линии между собой и значительный наклон. К скриптам можно отнести шрифты French Script MT, Blackadder ITC, Bradley Hand ITC и подобные.
Декоративные же варианты шрифтов отличаются полной свободой творчества дизайнера. Буквы могут иметь причудливую форму, размеры или толщину.
Скрипты и декоративные шрифты являются акцидентными. Они предназначены для заголовков, небольших надписей, логотипов и слоганов в рекламных кампаниях и на сайтах. В силу сложности их восприятия они не могут быть использованы для оформления объемных текстов.
Правила использования шрифтов разных гарнитур в веб-дизайне
На сайте можно использовать одновременно и наборный, и акцидентный шрифт. Однако их должно быть не более двух – по одному шрифту каждого типа. Сайт выглядит дешево и непрезентабельно, если на нем слишком много шрифтов.
Также стоит помнить о стилистической сочетаемости. Оба типа шрифта должны дополнять друг друга, а акцидентный – еще и стиль сайта. Неприятной для пользователя будет ситуация, когда сайт в стиле, например, классицизм имеет заголовки и надписи в стиле модерн. Или сайт «под старину» выполнен с использованием шрифтов современной направленности.
Иные важные характеристики шрифтов
В выборе шрифтов для проекта также следует принимать во внимание:
- Апертуру;
- Контрастность;
- Угол наклона букв;
- Соотношение ширины и высоты букв;
- Соотношение ширины каждой буквы;
- Кернинг.
Рассмотрим каждую характеристику детальнее.
Апертура
Открытостью каждой буквы является апертура.Сравнить два шрифта по апертуре можно с помощью буквы «С»: чем больше она напоминает полукруг, тем апертура больше. Возьмем в пример Arial и Calibri: апертура у первого шрифта ниже, чем у второго.
Шрифты с высокой апертурой чаще используются в логотипах и заголовках, поскольку вызывают больше доверия у пользователей.
Контрастность
Характеристика связана с толщиной линий. Если у шрифта основные и дополнительные штрихи отличаются по ширине, значит, он выполнен в высокой контрастности. Если все штрихи букв одинаковы по ширине, значит, их контрастность равна нулю.
Угол наклона
Определяет, насколько сильно наклонены буквы. Согласно этому параметру, выделяют три типа шрифтов: прямые, курсивные и наклонные.
У прямых шрифтов наклон изначально отсутствует, хотя может быть добавлен благодаря курсивному начертанию. Курсивные отличаются и наклоном, и родством с рукописными шрифтами с помощью дополнительных соединительных линий и формы букв. У наклонных же шрифтов присутствует только наклон, без подобия на буквы ручного почерка.
Соотношение высоты и ширины букв
Демонстрирует, насколько узкими или широкими являются буквы данного шрифта. Чтобы понять этот показатель, посмотрите на букву «О»: если она похожа на вытянутый овал, то шрифт узкий, и наоборот. Узкие шрифты используются в создании логотипов, поскольку их знаки выглядят довольно стильно.
Соотношение ширины каждой буквы
Определяет, насколько разными по ширине являются отдельные символы шрифта. Если буквы имеют разную ширину (особенно «Щ» и «У»), то шрифт будет разноширинным. Когда же они примерно одинаковы, шрифт равноширинный.
Есть еще и моноширинныешрифты, буквы которых выровнены по размеру ячеек, в которых они расположены.
В современных проектах веб-дизайна, маркетинга и печати используются разно- и равноширинные шрифты, в то время как моноширинные используются крайне редко.
Кернинг
В работе с текстами, при создании заголовков и логотипов также применяется понятие «кернинг». Кернинг – изменение расстояния между отдельными буквами в слове. Он необходим, когда между знаками либо слишком широкий, либо слишком узкий интервал.
Что еще нужно учитывать при выборе шрифта
В работе с текстами проекта также имеют значение:
- размер шрифта,
- межстрочное расстояние,
- выравнивание и иные параметры верстки.
Основные правила оформления текста на сайте мы рассмотрим в следующей статье.
Шрифты – чудесный мир символов и букв, который превращает обычный текст в настоящее искусство. Шрифт может стать изюминкой проекта и выделить все достоинства контента, если подойти к его выбору профессионально.