Мое полиграфическое прошлое сформировало вкус к оформлению текста, но почему-то его не разделяет туча дизайнеров по всему миру. Ну вот скажите, вам тоже кажется, что на первой картинке набор дико широкий и его невозможно читать? К сожалению, сейчас каждый второй сайт такой.
Ширина полосы неразрывно связана с размером шрифта. Идеальная ширина набора — около 55 до 75 знаков. А не 150, как на первой картинке.
Интерлиньяж — это функция кегля, длины строки и формата. Чем длиннее строка по количеству слов, тем больше должен быть интерлиньяж. Обычно он не несколько пунктов (2-5) больше размера шрифта, в зависимости от гарнитуры и ширины текста. Для предельных ширин (75 знаков) можно смело интерлиньяж до +10pt (max) доводить, читать будет только проще. А можно умножить на 1.2…1.3 для веба — для основной массы размеров будет аккуратно и приятно смотреться. 1.2 для узкого набора (55 знаков), 1.3 – для широкого (75 знаков).
Отношение длины строки к интерлиньяжу должно быть около 25. В моем примере это 900px / 25 = 36px – это интерлиньяж. Делим на 1.3, получаем ~29px. Это — размер шрифта.
В ворде пикселов нет, там ширина в сантиметрах, а размер шрифта – в пунктах. Чтобы понять, какой шрифт идеален, нужно ширину набора (положим, 16 см) перевести в пункты, умножением на 28.3 (и получится 452pt), а затем поделить на 25 (получится 18pt). Это интерлиньяж. Чтобы найти кегль шрифта, нужно поделить на 1.2, получится 15pt. Результат прикладываю третьей картинкой.
Вот хороший калькулятор с превью того, что получается:
https://pearsonified.com/typography/



