Откуда считать отступ от текста при разработке макета?

Question

[Вениамин Смирнов]

Привет!

Возникла такая дилемма, не могу нагуглить ответ :)

Первый случай:

- отступ сверху 20 пикселей, отсчитываю отступ вниз от базовой линии.

Второй случай:

- отступ сверху так же 20 пикселей, отсчитываю отступ вниз от десцендера

Какой вариант верный?

Answer 1

[GreatRash]

Оба варианта неправильные. Статья в тему.

UPD: Вот ещё хорошая картинка.


Обратите внимание на top bearing и bottom leading, вот по ним надо отступы мерить. Правда (печаль, печаль) фотожоп так не умеет.

Comments

[Вениамин Смирнов]

Я так понимаю, что top bearing и bottom leading для каждого шрифта свои?

[GreatRash]

Вениамин Смирнов: Да :(

[GreatRash]

Вениамин Смирнов: Мало того, и от размера шрифта зависит, если не ошибаюсь.

[Mikalai Bulava]

Вениамин Смирнов: в общем, это называется кегль) В типографике вообще интерлиньяж важен, а это расстояние между базовыми линиями. Поэтому измеряю все расстояния от нее. Без выносных элементов.

Answer 2

[Нерон Лордов]

Следует прежде всего учитывать оптическую плотность текста. Если текст набран обычным образом, а не заглавными, то нужно учитывать расстояние от mean line и base line (см. картинку @GreatRash). Такой подход сгодится, если текста немного.

Ну а если энциклопедию верстать, то уж доверяемся автоматике, выбора нет)

Answer 3

[goandkill]

По канонам типографики — конечно от базовой линии.
Но верстальщики ооочень редко верстают по бэйслайну. Вечно все отмеряют от нижних выносных элементов. Хотя давно все для них придумано https://www.smashingmagazine.com/2012/12/css-basel...

Comments

[GreatRash]

Ничего не понимая в вёрстке, и прилепляя ссылки совсем про другое, очень легко дискутировать.