14. Правила выбора шрифта для сайта. Шрифтовая схема.

Шрифты категории Serif являются шрифтами, установленными по умолчанию. Они очень удобны для чтения, компактны и привлекают внимание своими засечками, которые "держат" строку. Но для текстов с маленьким кеглем лучше не использовать эту категорию шрифтов.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam

Шрифты Sans-Serif выделяются отстутсвием засечек на буквах. Многие веб дизайнеры используют шрифты этой категории. Хотя они не всегда подходят дизайну

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna

Шрифты категории Cursive не требуют особого представления.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore

Шрифты Monospace отличаются одинаковой шириной всех символов. Шрифт по своему виду непоминает шрифт наборных печатных машинок.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod

Шрифтовая схема Тип шрифта и уместное его использование

Выбирайте шрифт в зависимости от того, где вы собираетесь его применить. К примеру, рубленый шрифт в рекламе более удобочитаем, чем новая антиква, и лучше других шрифтов подходит для выполнения плакатов и лозунгов. И, наоборот, в почетных грамотах, по сравнению с новой антиквой, рубленый шрифт выглядит невыразительно. Наиболее частая ошибка начинающих - выбор рубленого шрифта для основного текста. Если в печатном издании можно регулировать межсимвольный интервал, то в Интернете это пока вопрос будущего. Из за особенностей начертания рубленых шрифтов (особенно малого размера) буквы сливаются друг с другом, а это, как вы наверное понимаете никак не способствует повышению читабельности текста. Из этого следует четкий вывод. Рубленые шрифты - только большого кегля и с увеличенным межсимвольным интервалом. Рубленые шрифты идеально подходят для заголовков. Они притягивают к себе внимание и заставляют читателя бросить на них взгляд.

Гарнитуры с засечками намного более функциональны. Благодаря именно своим засечкам, они позволяют набирать тексты небольшого размера (в 10-12 пунктов) с потерей читабельности равной нулю. Но, к огромному сожалению, такие шрифты в своем большинстве не выразительны. Для заголовка лучше выбирать рубленый шрифт. Если не представляется возможным менять шрифт, тогда стоит прибегнуть к какому-либо приему выделения. Не злоупотребляйте шрифтами с засечками, если вы подбираете шрифт для компьютерных текстов. Чем шрифт проще, тем он легче читается.

При работе с декоративными гарнитурами будьте предельно осторожны! При всей своей красоте и изящности у них есть один сильный недостаток - их трудно читать. Чаще всего декоративные шрифты используются в логотипах и для создания внутреннего настроения на веб-странице (например, страницы с древне-русской тематикой используют старославянские гарнитуры и т.д.). Выбор необычного шрифта может быть обусловлен только неординарностью текстов, в которых такой шрифт применен. Поэтому используйте нестандартные шрифты с осторожностью. Предпочитайте деловые, ясные и простые шрифты, например, Arial, Bastion, Pragmatica, Futura или Gelvetica. Рекомендуют выбирать для заголовков тот же шрифт, что и для основного текста.

Цвет шрифта

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

Средства выделения шрифтов

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

Прописные и строчные буквы

Не злоупотребляйте прописными буквами. Текст, написанный прописными буквами, приходится читать по слогам.

Выравнивание текста

Не забывайте о выравнивании. Приведите текст в порядок и проследите, чтобы слова не "прыгали" по странице без смысла: глаз должен свободно скользить по буквам, мозг не должен тратить чрезмерные усилия на чтение. Строки, выровненные по левому краю или по центру, читаются легче, чем выровненные по ширине. Выравнивание по правому краю допустимо только как специальный прием. Лучше не располагать строки вертикально. При горизонтальном расположении строк допустим небольшой (не более 20 градусов) наклон.

Большая часть сайтов смотрится цельно и завершенно при построении дизайна на основе одного-трехшрифтов. Базовый шрифт  — основной шрифт материалов сайта. Акцидентный — шрифт для заголовков. В некоторых случаях вводятся дополнительные шрифты для:

• меню и навигации;

• блоков выделения (важной информации, цитат, выносок);

• для мелкого текста, с целью повысить читабельность.

Дизайнер должен спланировать единую общую схему размеров отступов/заступов для всех элементов на сайте, иерархию заголовков и навигационных элементов (например, для древовидного меню или облака тегов). Она должна быть цельной и использоваться на всех страницах сайта. Всё последующее оформление информации на сайте должно строится на базе общей схемы.