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

Какие шрифты мы видим, когда открываем PowerPoint? Verdana, Times New Roman, Arial, Georgia. Это стандартные шрифты, которые легко использовать — они есть у всех, привычны и всегда на виду. Если всё так просто, почему мы вообще должны выбирать другие шрифты?

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

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

Во-первых, контраст. В полиграфии лучше использовать тёмный шрифт на светлом фоне, потому что бумага отражает свет, а в WEB можно и наоборот, светлый шрифт на тёмном фоне, потому что на ярком экране такая комбинация вполне считывается. Как проверить контраст? Прищуриться. Если шрифт будет видно, то он контрастный.
Во-вторых, чтобы не заниматься поиском каждый раз, рекомендуем подобрать несколько любимых шрифтовых пар впрок, чтобы всегда иметь их под рукой. Или использовать шрифтовые семейства — группы шрифтов, в основе которых одно начертание. Вместе желательно использовать не больше двух групп. Например, если мы берём шрифты группы Helvetica и к ним дополнительно ещё какую-нибудь группу, то можем добыть 8-10 вариаций, не прикладывая особых усилий.

Ещё некоторые моменты по поводу вёрстки:

• Первое — межстрочный интервал должен быть не меньше 30-60% от размера шрифта, иначе страдает читабельность строчек.

• Второе — длина строки: чем короче — тем хуже, чем длиннее — тем хуже. Человеческое внимание устроено так, что фокус теряется, если абзацы не будут разбиты на строки приличной длины. А очень быстрые переходы со строчки на строчку утомляют.

• Третье — Caps Lock. В основном тексте это — табу. Ощущение, будто на тебя кричат, вообще не очень приятно.

• Четвёртое — отступы. Для читаемости текста нужно дать ему некоторое пространство — верхние и боковые поля не должны быть равны: а нижнее должно быть всегда больше, чем верхнее.

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