2.1.2 Выбирайте удобный формат набора

Обычно считается, что при одноколонном наборе мелким кеглем антиквой в строке должно быть от 45 до 75 знаков.
Строка из 66 знаков (считая и буквы, и пробелы), как правило, считается идеальной. Для многоколонного набора оптимальное значение — 40–50 знаков.

Этот формат — количество символов в одной строке в одной колонке текста. HTML не понимает колонок, и текст хранится в блоках. В CSS можно указывать ширину блоков в любой единице длинны с помощью свойства width:

div#coll {width: 400px}
div#col2 {width: 50%}
div#col3 {width: 33em}

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

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

Вторая колонка задана в процентах. Предположив, что ширина окна пользователя 1000 пикселей, колонка будет иметь размер 500 пикселей, в результате получаем 83 символа в строке. Формат в 83 символа может быть слишком широким для пользователя, а поскольку ширина поля не фиксирована то пользователь может и уменьшить окно до 800 пикселей тем самым, урегулировав ширину блока.

Ширина третьей колонки — 33em. В среднем один символ занимает 0,5em так что поле имеет ширину ровно в 66 символов в строке. Если читатель увеличит размер шрифта то количество символов в строке останется 66 символов.

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

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

              типографика, шрифты