Множество вариантов шрифтов, доступных для онлайн-копий и графики, могут сделать выбор веб-шрифта запутанным процессом. Тем не менее, растущее количество исследований читаемости в Интернете подтверждает два простых принципа создания хорошо читаемых текстов в Интернете. Во-первых, забудьте старые правила печатной типографики. Во-вторых, помните, что создание лучшего опыта для читателей в Интернете требует внимания не только к выбору шрифта.
Выбор лучшего шрифта для сайта
Хотя шрифты с засечками, такие как Times New Roman, долгое время были стандартом для печатных изданий, они не считаются хорошим вариантом для удобства чтения веб-сайтов. В 2000 году исследовательская лаборатория юзабилити программного обеспечения (SURL) Университета штата Уичито задокументировала, что шрифты с засечками мешают чтению в Интернете из-за низкого разрешения экрана и «визуального беспорядка». Подавляющее большинство исследований, проведенных с того времени, согласуются с выводами исследования 2000 года.
Рекомендуемые шрифты
В результате эксперты по дизайну почти единодушно рекомендуют шрифты без засечек. Большая разница? Шрифты без засечек — это «урезанные» шрифты, в которых нет деталей штриха с засечками. В результате шрифты без засечек обеспечивают более чистое и плавное чтение с экрана. Шрифты без засечек, которые хорошо подходят для веб-копий, включают:
 |  |  |  |
 |  |  |
Шрифты, которых следует избегать
В шрифтах с засечками буквы имеют небольшие декоративные завитки на концах штрихов. Эти шрифты имитируют почерк и — в печати — эффективно переводят взгляд читателя с одной печатной буквы на другую. Хотя этот подробный стиль печати хорошо служил читателям в течение 500 лет, он не так хорошо работает на экране компьютера. На экране окончания строк и украшения шрифтов с засечками могут показаться читателям нечеткими. Помимо Time New Roman, другие примеры шрифтов с засечками включают Garamond, Century и Courier.
Дополнительные соображения по читабельности
Выбор размера шрифта
Размер шрифта очень важен для удобства чтения. Хотя использование шрифта размером 12 пунктов для большей части основного текста традиционно было стандартным советом по дизайну, эта рекомендация меняется по мере старения поколения бэби-бумеров и по мере того, как онлайн-доступ становится все более мобильным.
- Национальный институт по проблемам старения предполагает , что веб — дизайнеры считают использование большего, 14-точечный шрифт для основного текста.
- Ведущие веб-блоги по копирайтингу, такие как Social Triggers , начали советовать владельцам веб-сайтов и блогерам переходить на более крупный размер шрифта, чтобы улучшить читаемость для всех посетителей на всех устройствах.
Стилизация шрифтов для удобства чтения так же важна, как и выбор шрифта. Простота является ключом. Оформите свой текст просто, избегая множества визуальных излишеств.
Ограничьте использование курсива
Наклон текста лишает отдельные буквы определения, поэтому лучше всего использовать курсив только для выделения слов или коротких фраз. Кроме того, длинные абзацы, выделенные курсивом любым шрифтом, создают серьезные проблемы для слабовидящих читателей.
Ограничьте вариации стиля шрифта
Использование двух разных начертаний шрифта для различения заголовков и основного текста может улучшить страницу, но наличие более трех разных шрифтов на одной веб-странице снижает общую визуальную привлекательность страницы.
Организуйте с помощью полужирного текста
Ограниченное использование полужирного текста с различными размерами шрифта может улучшить организацию и «беглость». Лучше всего использовать жирный шрифт, чтобы показать читателю структуру и иерархию. Простой способ подумать о том, когда использовать полужирный шрифт или курсив, — помнить, что курсив подчеркивает; жирный шрифт организует.
Простота и читабельность
Хотя великие веб-дизайнеры могут различаться предпочтениями в типографике и лучшими практиками, все согласны с тем, что простота и удобочитаемость должны определять дизайн. Один или два шрифта без засечек на странице улучшают четкость текста, в то время как выборочный стиль определяет акценты и структуру. Кроме того, большие поля улучшают понимание. Когда дело доходит до удобочитаемости в Интернете, возможно, лучше всего помнить правило «меньше значит больше». Ознакомьтесь с Правилами веб-дизайна, чтобы узнать больше об идеях, которые можно использовать для повышения визуальной привлекательности вашего веб-сайта.