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

Работаю в скетче, необходимо выровнять текст внутри кнопки
Увеличивая/уменьшая line-height, увеличивается/уменьшается пространство только сверху, то есть буквы стоят не посередине
5afab90c328cb106600070.png
Из-за этого получается выровнять текст только оптически, не сохраняя одинаковые отступы

Подскажите, это такой баг самого шрифта? или скетча? Вообще насколько законно так делать?))
Хочется сохранить какие-то определенные пропорции, а не подгонять на глаз
  • Вопрос задан
  • 375 просмотров
Решения вопроса 1
ttone
@ttone
Design / AE / Nuke
В Вебе только оптически, в полиграфии можно перевести текст в кривые и выровнять без "шрифтовой рамки".
Это не глюк. У "шрифтовой рамки" есть центр математический и он не совпадает с реальным центром шрифта т.к. есть диакритические знаки у прописных.

2000px-Typography_Line_Terms-cs.svg.png
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Из-за этого получается выровнять текст только оптически

Молодец, только так и надо выравнивать текст - оптически. Потому что математически выверенное выравнивание почти всегда дает кривой результат. Такова природа шрифтов, а вовсе не баг чего-либо.
Ответ написан
voksus
@voksus
Java developer
На все шрифты универсальный способ не существует. У всех разные отступы и по вертикали и по горизонтали. Хотя ширина обычно проблем не вызывает, но высоту для каждого шрифта придётся пробовать. Ещё одна матрёшка нужна, промежуточная. Вложить этот текст надо в другой блочок, а его уже ровнять-центровать. Вот эту промежуточную матрёшку нужно настроить чтобы она подходила под нужный шрифт и ей фиксонуть высоту конкретную. Попробовать повставлять разные надписи и подобрать самый ровный вариант. Я бы так делал.
Ответ написан
Комментировать
soc1al1st
@soc1al1st
Разгибаю интерфейсы
Все очень просто: высоту строки задавай равной высоте объекта, в который помещаешь текст.
А вот почему скетч тебе добавляет сверху пространство - не знаю, возможно баг, попробуй на разных шрифтах такой подход.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы