Google fonts

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

Капитан Очевидность не соврёт, с важным видом заметив, что шрифты на любом сайте играют огромную роль. Одно из свежих исследований, проведённое в 2020 году Nielsen Norman Group пришло к выводу, что люди, прежде чем прочесть весь текст, пробегают его в общих чертах глазами, в первую очередь, по заголовкам. А дальше уже решают, интересно им продолжить чтение или идти искать более удобный/полезный источник информации. С мобильников, кстати, в среднем, чаще дочитывают от корки до корки, но содержание должно быть усилено читабельностью шрифта.

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

Мы рекомендуем использовать простые, читабельные шрифты, которые уже обрели популярность и привычны для подавляющего числа людей: Open Sans, Roboto, Montserrat и т. д. Но! Стоит учитывать характер контента. К примеру, шутки, оформленные в Times 10% читателей посчитали более смешными, чем те же в Arial.

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

1. Более 3 шрифтов на сайте использовать не стоит. Превратить сайт в нечитабельный цирк проще простого, накидав разношерстных, неуместных шрифтов, особенно на одной странице. Пусть основной текст будет одним стилем, заголовки – другим, выделения акцентов – третьим. Это разумный максимум. Можете вообще брать один шрифт в разных стилях.
2. Читабельность должна быть на уровне. Подбирайте шрифт, пока текст не будет вливаться в голову, как ручей в реку.
3. Тщательно выбирайте шрифтовые пары. Если на сайте больше 1 шрифта, другие должны дружить между собой. Чуть что-то не так – меняйте менее удачный на другой. Попросите друзей/знакомых оценить типографику. Просто пусть скажут своё мнение – нравится или нет.
4. Соблюдайте логику. Это означает, что заголовки должны быть крупнее подзаголовков и уж, тем более, обычного текста, а также насыщеннее, то есть явно выделяться. Цвета шрифтов не должны сливаться с подложкой – фон важная вещь, он должен не мешать чтению, а упрощать его.

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

Как установить шрифт на конструкторе сайтов?

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

Работа с веб-шрифтами на uKit

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

Работа с веб-шрифтами на Wix

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

Выводы и рекомендации

Google Fonts – лучший типографический каталог дизайнерских шрифтов в мире, в библиотеке которого содержится более 1000 семейств самых разных веб-шрифтов. Искать шрифты для сайта, созданного на CMS или конструкторе, стоит именно здесь: поисковый гигант предоставляет возможность легально и бесплатно использовать сотни вариантов шрифтов, позволяет их скачивать и даёт инструкции по установке на сайты.

Разборчивость текста и привлекательность шрифтов ощутимо влияют на поведение посетителей сайта. Мы включили в рейтинг 10 популярных шрифтов, любой из которых можно использовать бесплатно на своём сайте, работающем на любом движке или сайтбилдере. Загрузить на ПК шрифт из Google Fonts можно очень просто и всего за пару минут. После установки на Windows или MacOS шрифт будет доступен во всех приложениях, поддерживающих их выбор – Word, Photoshop, браузерах и т. д.