Каковы идеальные отношения между высотой строки, размером шрифта и полем абзаца? - PullRequest
5 голосов
/ 06 ноября 2011

В течение долгого времени я заметил, что настройка line-height и добавление некоторого дополнительного пространства между абзацами относительно выбранного font-size может оказать огромное влияние на читаемость содержимого веб-сайта, но до сих пор я всегда выбранные специальные значения для этих атрибутов.

Существуют ли какие-либо рекомендации в типографской, издательской или психологической литературе о том, как настроить значения этих свойств относительно друг друга?

Ответы [ 2 ]

8 голосов
/ 05 декабря 2012

Глубокий и математический ответ на ваш вопрос можно найти в «Секретной симфонии: окончательное руководство по читаемой веб-типографии»: http://www.pearsonified.com/2011/12/golden-ratio-typography.php

В статье учитываются три аспекта: высота строки, высота шрифтаКроме ширины страницы (ну, ширины текста), и, к счастью, они также предоставляют полезный калькулятор: Типографский калькулятор Golden Ratio (http://www.pearsonified.com/typography/)

6 голосов
/ 06 ноября 2011

Я не могу опубликовать подробный ответ, боюсь, но я бы посоветовал вам прочитать статью Тима Брауна Более осмысленную типографику 'на A List Apart , для руководства.

По сути, кажется, что ширина («мера») блока текста должна составлять около 50–60 символов, для line-height установлено значение 1.5 (без единицы, что будет в 1,5 раза больше font-size, независимо от единиц измерения, используемых для установки font-size).

Кажется, что сами символы установлены вокруг отметки 16px, но Тим предлагает использовать шкалу, например, представленную Golden Ratio , чтобы определить относительный размер шрифта для заголовков, основного текста, подписей и и так далее.

...