Шрифты на сайте

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

Эксперты и опытные вебмастера рекомендуют ориентироваться на 4 основные правила подбора шрифта:
1. Оптимальный размер - 10 px. Меньшие (особенно выполненные в курсиве, полужирные) выглядят на экране нечетко.
2. Слишком насыщенный фон утомляет. А его основная задача – сделать текст более акцентированным, пригодным для прочтения.
3. При больших объемах текста желательно использовать классику, не перегружающую зрение читающего: черные буквы на белом фоне.
4. Изменяющиеся, графические, художественные надписи следует применять ограниченно.

Используемые HTML шрифты
Основными инструментами признаны:
- serif, пропорциональный текстовый шрифт, имеющий засечки;
- sans-serif, пропорциональный без засечек;
- monospace, моноширинный, хорошо воспринимается на всех без исключения устройствах;
- cursive, декоративный, выглядящий как имитация рукописного шрифта;
- fantasy, все многообразие художественных.
Самыми безопасными из применяемых шрифтов, которые поддерживаются на любой операционной системе пользователя, являются: Courier New, Verdana, Comic Sans MS, Times New Roman, Arial Black и Arial, Trebuchet MS, Georgia, Impact.

Подбор базового размера
Исходя из рекомендаций Google, опирающихся на отображаемых по умолчанию в браузере шрифтах, оптимальным является величина 16 пикселей CSS. Если планируются иные, отличные размеры, их следует указывать в относительных показателях для правильного масштабирования. Не следует применять более 3 шрифтов разных размеров одновременно.

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