Шрифты для сайта: механизм работы и рекомендации
Не все пользователи интернета догадываются, что сайт создаётся несколько иначе, нежели страница с текстом в Word. Фактически страница любого веб-ресурса минимум на 50% состоит из различных тегов. Более того, шрифт текста для сайта у верстальщика на компьютере может выглядеть совсем не так, как у посетителя ресурса.
Работает это примерно так: верстальщик пишет в блокноте (или его более удобном аналоге) текст системным шрифтом (в Windows XP это Tahoma), затем в файле стилей указывает, чтобы читатель, зайдя на страницу, видел детский или греческий шрифт… А так как все браузеры научены понимать все указания верстальщиков, то такой шрифт посетитель и увидит, если он у него имеется в системе.
И ввиду того, что тот же греческий шрифт (и ему подобные) в системе пользователей имеется редко, верстальщики пользуются самым простым и топорным методом – указывают браузерам, чтобы они выводили информацию с помощью универсальных системных гарнитур. А так как их всего ничего (что-то около 10), то большинство сайтов выглядят одинаково. И это, в общем-то, не плохо, потому как понятно всем, но порой хочется немного вычурности и творческой красоты.
О том, как вставить шрифт (нестандартный) в код страницы мы говорить не будем, так эта информация гораздо лучше освещена на технических сайтах, мы же говорим здесь о технологии, поэтому давайте лучше обсудим, как правильно использовать веб-шрифты.
Советы верстальщикам
При нынешних размерах мониторов и их разрешений использование на сайте кегля, не превышающего 12 пикселов, - это настоящее издевательство над зрением пользователей. Хотя и более 16 пикселов кегль брать не стоит. Исключения: заголовки и текст для роботов (если таковой будет).
Не стоит текст сайта превращать в радугу. Даже 3 цветов будет многовато (если не считать выделение ссылок). Ну если только ваш проект о радуге… Кстати, обратите внимание на соотношение цвета фона и текста, чтобы глаз не резало и было хорошо видно.
Есть одна деталь, о которой помнят лишь копирайтеры и то лишь самые толковые, – между дефисами и тире должна быть разница. Исключить данное подобие – ваш святой долг!
Для улучшения удобочитаемости на экране следует использовать рубленые шрифты (MS Trebuchet, Tahoma и т.д.), а версию для печати оформлять с помощью Times New Roman. И забудьте о выравнивании «по ширине»! По левому краю будет в самый раз.
Заботьтесь о глазах своих пользователей, тогда они позаботятся о вас финансово.