Выбор шрифта для сайта - самый читабельный шрифт   Выбор шрифта для сайта - это очень важный момент в дизайне. От того как буден отображен текст, зависит удобство для чтения его читателем. Надо обращать внимание на все факторы , фон блока под текстом , даже я бы сказал и на фон сайта , который тоже бросается в глаза и от него надо тоже отталкиваться при выборе цвета шрифта.
 
  Но сначала надо определиться с типом шрифта. На мой взгляд  самые читабельные шрифты , для основного текста - это Times New Roman , Georgia , Verdana. В этом тексте , который Вы сейчас читаете использован шрифт Verdana , а заголовок отображен шрифтом Georgia.
 
  Почему я выбрал такой шрифт для сайта. Ну во-первых , как Вы уже могли читать в других источниках , по исследованию ученых шрифт Verdana считается самым безопасным для зрения. Во-вторых я перебрал много других шрифтов и сам заметил  , что действительно Verdana - самый читабельный шрифт. Третий фактор в пользу этого выбора - наверное не просто так на множестве сайтов в интернете использован именно этот шрифт.

  Нет , я ни в коем случае , не навязываю его Вам , выбор только за Вами.

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

  Размер шрифта  , я выбрал , 12 пикселей.  Меньше не рекомендую , 12px - 14px наверное самый оптимальный вариант. Но там надо смотреть в зависимости от типа шрифта , а потом от него уже танцевать дальше.

  Чтобы облегчить процесс подбора шрифтов , можно воспользоваться  сервисом TypeTester.   
 

 

  TypeTester - подобрать шрифт онлайн. Сервис даёт возможность быстро сравнить шрифты , подобрать их размер , высоту строки и т.д. А самое главное , потом можно сделать импорт CSS кода. Скопировать в буфер и вставить код в свою таблицу стилей.

Мы не всегда можем это представить  и иногда об этом даже не думаем, но параметры шрифтов, которые мы используем на своем блоге могут иметь большой эффект на привлекательность блога. И даже на привлекательность контента.

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

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

1. Используйте больший Размер шрифта

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

К сожалению, ничего не изменилось с тех пор. Случайная выборка по нескольким блогам показывает, что средний размер шрифта для основного текста — 12 пикселей. Некоторые уменьшают текст до 10 и даже девяти пикселей. Но если вы посмотрите на элитные темы для сайтов, то обнаружите, что как правило, в них используются шрифты  на 12 – 13 пикселей.

Некоторые эксперты утверждают, что шрифт в 16 пикселей должен быть установлен в браузерах по умолчанию. И это совсем не много. 16-ти пиксельный текст выглядит на экране примерно такого же размера, как 12-ти пиксельный в печатном виде. Это стандартный размер для большинства журналов, а также для всех текстовых редакторов, потому, что  большинство людей находят его наиболее удобным для чтения. А многим людям, особенно тем, кому за 40, очень трудно читать мелкий шрифт.

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

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

2. Используйте темный шрифт на светлом фоне

К счастью уже прошли времена, когда Интернет пестрил сайтами с пурпурным шрифтом на синем фоне. Но инверсный текст (белый текст на черном фоне), все еще встречается и довольно часто. Так же как подобные этому варианты – светлые шрифты на темном фоне.

Инверсный текст не только уменьшает количество людей, которые захотят его читать, но и уменьшает понимание текста. Просмотр инверсного текста в течении длительного времени приводит к эффекту ослепления. Это когда возникает ощущение, что буквы становятся слишком яркими, что бы смотреть на них.

Некоторые исследования показывают снижение посещаемости из-за инверсного текста на 50 и более процентов.

Почему многие продолжают терять читателей? Ведь очевидно, что темный текст на светлом фоне приятнее для глаз. И существует масса шаблонов, которые используют именно темный шрифт на светлом фоне.

3. используйте Ширину строки от 45 до 75 символов

Вот еще одно малоизвестное правило, которое нарушается на многих блогах. Для того, чтобы глаз легко мог следовать от одной строки к другой, в строке не должно быть более 75 символов. Если в строке больше, чем 75 символов, то при чтении сложно отслеживать переход с конца одной строки на начало следующей.

И с другой стороны, при чтении текста со строками короче 45 символов, глаза устают. Это происходит от того, что глаз, едва начав читать одну строку, должен перейти к следующей. У него нет времени на отдых.

По этой причине, идеальной длинной строки будет длина примерно в 60 символов.

Конечно, нужно принимать во внимание эстетику. На многих блогах, ради «идеальной» длины строки возможно придется делать большие разрывы между колонками текста. Или сплющивать тулбары.

4. Используйте высоту строки 130% и более

К счастью, это менее распространенная ошибка. Если вы используете профессиональные темы, то вам скорее всего не надо беспокоиться.

Если использовать шрифт с высотой строки менее 130%, то текст начинает “теснится” по вертикали. Такой текст мало того, что имеет непривлекательный вид, он усложняет переход взгляда с одной строки на другую. Строки сливаются друг с другом.

С другой стороны, высота строки 200% (или двойной интервал, как принято обозначать в текстовых редакторах) слишком отдаляет строки друг от друга. Такой текст читаем, но, думаю вы согласитесь, что выглядит он совсем не эстетично и не совсем подходит для теста. Ну разве что для оформления дипломной работы

Оптимальным может быть 150% (полуторный интервал). Но не бойтесь экспериментировать в интервале от 130% до 160%, что бы увидеть какой вариант больше всего подходит для вашего блога.

5. Всегда выравнивайте текст по левому полю

Этот совет касается не совсем шрифта, но вписывается в общую тему. Это, казалось бы банальное правило, часто нарушается на блогах.

Ровное Левое поле – это закон. Это “основа”, из которой могут расти строки разной длины. и это основа для движения нашего взгляда вниз по странице. Взгляд привязывается к левому краю текста и автоматически возвращается на него при переходе от одной строки к другой. Это значительно облегчает чтение.

Но если вы нарушите левое поле, что все идет к черту. Ваш глаз должен каждый раз искать начало строки заново, чтобы продолжить чтение.

В этом пункте возникает еще один, вытекающий из него вопрос, это расположение изображения. Многие блоггеры обычно включают в свои посты изображения. И это отлично. Иллюстрация всегда оживляет статью. Но где  нужно располагать изображение? Не будет ли, расположенное по левому краю изображение, “разрывающее” левое поле текста, мешать чтению? Вполне возможно, что даже иллюстрация расположенная вверху слева несколько уменьшает читабельность текста. Но гораздо хуже, когда иллюстрация располагается по левому краю в середине статьи. Ради иллюстрации лучше разорвать текст по вертикали, чем нарушать целостность левого поля.

Дополнительный совет: используйте буквицы

Под буквицей подразумевается выделение первой буквы стать. Как правило ее делают больше и ярче, чем все остальные символы в статье и каким то образом стилизуют. Использование буквицы может повысить читательскую аудиторию до 13%. Это не много. Но если стиль вашего блога позволяет, то почему не использовать буквицу в своих текстах? Правда не так много готовых тем имеют буквицу для текста, а реализация буквицы самостоятельно не всегда простая задача. Но это решаемо, и даже интересно.

Пять ошибок: какие из них ты делаешь?

Сейчас настало время, чтобы перейти на свой блог и посмотреть, какое из этих пяти важных правил вы не используете на своем блоге. И затем все исправить.

И не забудьте поделиться впечатлениями от исправлений в комментариях.