Интерлиньяж
Существует огромное количество способов применения шрифтов на сайтах. Но если внимательно проанализировать сайты с наиболее приятной визуальной шрифтовой картиной, то можно заметить определенную закономерность:
Интерлиньяж, или по простому - межстрочное расстояние, варьируется чаще всего в диапазоне 115 - 150%. Где проценты берутся от размеров самого шрифта.
Так при размер шрифта 18px и межстрочном в 145% - мы получим интерлиньяж равный 26 px.
Ниже прилагаю картинку с данным примером для шрифта Roboto.
Дело в том, что если расстояние будет меньше 115%, то заметно увеличится плотность текста. А высокая плотность обладает свойством преобразовывать информационный поток в шум. Для наглядности прилагаю картинку где интерлиньяж уменьшен до 100%
Текст остается читаем, но находится уже за пределами комфорта.
Соответственно это правило с обратным знаком работает и в противоположную сторону. При увеличении межстрочного расстояния более 150% текстовый массив становится слишком разреженным, в следствии чего мы также выходим за границы зоны комфорта.
Для наглядности прикладываю пример с межстрочным в 200%
У данного примера есть еще один серьезный минус - значительно возрастает занимаемый текстом объем.
Конечно уплотнение и разрядку можно использовать для выполнения специфических задач, например, уплотнение будет хорошим подспорьем в ситуациях с жесткой экономией места, а разрядка является по сути классическим примером, того как зачастую студенты пишут рефераты - оперируя минимумом информации растягивают её до возможного визуального максимума.
Так что, конечно, для большинства случаев вполне подойдет рабочий диапазон 115 - 150%, а для специфических задач безусловно потребуется искать более изящного решения.
Интерлиньяж, или по простому - межстрочное расстояние, варьируется чаще всего в диапазоне 115 - 150%. Где проценты берутся от размеров самого шрифта.
Так при размер шрифта 18px и межстрочном в 145% - мы получим интерлиньяж равный 26 px.
Ниже прилагаю картинку с данным примером для шрифта Roboto.
Дело в том, что если расстояние будет меньше 115%, то заметно увеличится плотность текста. А высокая плотность обладает свойством преобразовывать информационный поток в шум. Для наглядности прилагаю картинку где интерлиньяж уменьшен до 100%
Текст остается читаем, но находится уже за пределами комфорта.
Соответственно это правило с обратным знаком работает и в противоположную сторону. При увеличении межстрочного расстояния более 150% текстовый массив становится слишком разреженным, в следствии чего мы также выходим за границы зоны комфорта.
Для наглядности прикладываю пример с межстрочным в 200%
У данного примера есть еще один серьезный минус - значительно возрастает занимаемый текстом объем.
Конечно уплотнение и разрядку можно использовать для выполнения специфических задач, например, уплотнение будет хорошим подспорьем в ситуациях с жесткой экономией места, а разрядка является по сути классическим примером, того как зачастую студенты пишут рефераты - оперируя минимумом информации растягивают её до возможного визуального максимума.
Так что, конечно, для большинства случаев вполне подойдет рабочий диапазон 115 - 150%, а для специфических задач безусловно потребуется искать более изящного решения.