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

Question

[YVW]

Работаю в скетче, необходимо выровнять текст внутри кнопки
Увеличивая/уменьшая line-height, увеличивается/уменьшается пространство только сверху, то есть буквы стоят не посередине

Из-за этого получается выровнять текст только оптически, не сохраняя одинаковые отступы

Подскажите, это такой баг самого шрифта? или скетча? Вообще насколько законно так делать?))
Хочется сохранить какие-то определенные пропорции, а не подгонять на глаз

Answer 1

[Илья В.]

В Вебе только оптически, в полиграфии можно перевести текст в кривые и выровнять без "шрифтовой рамки".
Это не глюк. У "шрифтовой рамки" есть центр математический и он не совпадает с реальным центром шрифта т.к. есть диакритические знаки у прописных.

Answer 2

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

Из-за этого получается выровнять текст только оптически

Молодец, только так и надо выравнивать текст - оптически. Потому что математически выверенное выравнивание почти всегда дает кривой результат. Такова природа шрифтов, а вовсе не баг чего-либо.

Comments

[Lander]

Я сам с вёрсткой знаком очень посредственно, поэтому не до конца понял: Это был сарказм?

[Андрей Федосеев]

Lander, нет

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

Lander, нет, не сарказм. Ну поучи теорию, если не веришь, думаю гугл найдет немало материалов по ключевым словам "оптическое выравнивание текста" :)

[Lander]

Нерон Лордов, Да я верю! Просто интересно немного заглянуть в ту область и в головы работающих в той области, которую всегда старался обходить стороной. :)

Answer 3

[Владимир Бурцев]

На все шрифты универсальный способ не существует. У всех разные отступы и по вертикали и по горизонтали. Хотя ширина обычно проблем не вызывает, но высоту для каждого шрифта придётся пробовать. Ещё одна матрёшка нужна, промежуточная. Вложить этот текст надо в другой блочок, а его уже ровнять-центровать. Вот эту промежуточную матрёшку нужно настроить чтобы она подходила под нужный шрифт и ей фиксонуть высоту конкретную. Попробовать повставлять разные надписи и подобрать самый ровный вариант. Я бы так делал.

Answer 4

[Артем Поклад]

Все очень просто: высоту строки задавай равной высоте объекта, в который помещаешь текст.
А вот почему скетч тебе добавляет сверху пространство - не знаю, возможно баг, попробуй на разных шрифтах такой подход.