2.1.2 Выбрать комфортный масштаб

Все, что по ширине от 45 до 75 символов, рассматривается как удовлетворительная длина линии одного столбца на страницу с засечками в размер текста.

Линия в 66 символов (считаются и буквы, и пробелы) считается идеальной по ширине. Для работы с несколькими столбцами лучше в среднем использовать от 40 до 60 символов.

Мера – это количество символов в одной линии одного столбца текста. В HTML нет концепции «столбцов» как таковых, вместо этого текст размещается в боксах. В CSS ширина бокса устанавливается с помощью собственной ширины с любой единицы длины, например:

div#col1 {
  width:400px }

div#col2 {
  width:50% }

div#col3 {
  width:33em }

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

В предшествующем примере первый столбец был с установленной шириной – 400 пикселей. С рендерингом текста в 12 пикселей – это приведет к масштабу приблизительно в 66 символов в строке. Если Ваш ридер увеличит размер текста до 16 пикселей, то масштаб снизится до 50 символов. Таким образом, масштаб меняется вместе с изменением размера текста.

Второй столбец имеет плавающую ширину: был установлен в 50% ширины. Предполагается, что ваш читатель, просматривая с окна в 1000 пикселей шириной, видит бокс в 500 пикселей шириной, в результате чего масштаб около 83 символов в строке.

Масштаб в 83 символа возможно слишком широк для вашего ридера, но за счет плавающего бокса ридер может уменьшить размер окна до 800 пикселей. Таким образом, окно сужается до 400 пикселей и создается более удобный масштаб в 66 символов на строку.

Третий столбец имеет эластичную ширину: установлено 33 em в ширину. В среднем один символ занимает 0.5 em, соответственно этот бокс будет иметь масштаб в 66 символов на строку. Если Ваш ридер увеличит размер текста, ширина бокса будет увеличиваться соответственно и поэтому масштаб останется на уровне 66 символов, независимо от размера текста.

С типографской точки зрения, наиболее подходящий метод для установки ширины бокса в ems (эластичный макет), поскольку оно обеспечивает измерение и всегда устанавливается в спецификации типографа. Настройка ширина бокса в процентах (плавающий макет) дает типографу приблизительный контроль над масштабом, но и позволяет читателю настроить раскладку, чтобы удовлетворить его/ее комфорт. Сайт webtypography.net сделан с помощью плавающего макета для предоставления читателям контроля.

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