Шрифты на сайте

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

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

Обзор шрифтов

Классификацию можно производить по разным параметрам. Выделим такие разновидности:

• Популярные для печати книг и периодической прессы шрифты с засечками. Их особенность – маленькие линии на кончиках букв. (Например: Georgia, Garamond, Times New Roman). Удобны для чтения, оптимальны для длинных текстовых материалов.
• Шрифты без засечек (Verdana, Tahoma) – хорошее решение для небольших текстов. Успешно применяются на разных веб-ресурсах. Отлично смотрятся на заголовках. Все просто и понятно.
• Хороши с точки зрения декора, но не очень читабельны, прописные шрифты (Dansing Script). Ими лучше не злоупотреблять.
• Готического вида (Lusida Blackletter). Применяются при создании сайтов, посвященных антиквариату, рыцарству, стилизованному ресторану и другим темам, связанным с историей и стариной. Уместны для оформления вывесок, но не текстов. Поэтому позволительны только в заголовках.
• Декоративные. Благодаря забавным элементам, выглядят необычно. Могут украсить страницу (например, детского проекта), но для чтения неудобны.
• Напоминающие письмо вручную (каллиграфию или индивидуальный почерк). Рукописные шрифты помогут в выделении тезиса, но использовать их для целого текста статьи или описания товара нецелесообразно.

Основное разделение шрифтов идет на 2 группы: с засечками и без таковых.

На что обратить внимание

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

1. Кегль (размер шрифта). При его выборе следует учесть особенности целевой аудитории. Если информация рассчитана на людей старшего поколения, не стоит «мельчить».
2. Расстояние между строками (интерлиньяж). Интервалы должны быть выдержаны в одном стиле. Когда текст «скачет» вразнобой – это выглядит не эстетично.
3. Жирность. Для лучшей читабельности часто используют полужирный шрифт.
4. Удачность сочетания. Комбинировать шрифты в заголовке – дурной тон. Нужно стремиться к единообразию, целостности общей картины. Возможно использование одного шрифта разной жирности для заголовков и подзаголовков. Смотрится достойно.
5. Цвет. Гамма оттенков позволяет внести разнообразие даже при использовании одного шрифта. Но и тут хороша мера. Создавать радугу или винегрет не стоит.
6. Контекст. Его важно учитывать при выборе шрифта, чтобы добиться гармонии. Реклама булочной с заголовком в готическом стиле будет выглядеть несуразно.

От правильности настроек зависит общий результат.

Оптимальное количество

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

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

Определиться с выбором поможет проведение тестирования.

Где брать шрифты?

Существуют 2 пути получения:

1. Бесплатный. Существуют специальные сервисы, которые предлагают шрифты по свободной лицензии. Помощь начинающим дизайнерам и художникам оказывают специально созданные социальные площадки. Свой продукт может бесплатно распространять и шрифтовик-новичок. Вполне реально найти пробную версию и скачать на сайте-производителе. Важно: отдельные бесплатные шрифты разрешается использовать исключительно в личных, а не коммерческих целях. Внимательно читайте условия пользования.
2. Платный. Специалисты создают новые шрифты, которые становятся товаром и продаются на профильных порталах. Обычно покупается целый блок (архив) из нескольких тысяч. Часто проводятся акции и устанавливаются скидки. Некоторые сервисы помогают определить наименование понравившегося шрифта и отыскать его. Например, вы увидели афишу или картинку, интересно подписанную (с точки зрения дизайна). С помощью услуги идентификатора возможно найти нужный шрифт.

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