Как можно отредактировать шрифт, что бы уменьшить его высоту?

Question

[Андрей]

При добавлении нового шрифта стал заметен отступ под ним, и выглядит сам текст находится немного выше, можно ли отредактировать шрифт что бы внизу не было прозрачного отступа? Новый шрифт Omnes, старый SF-UI

Comments

[idexdv]

Такое ощущение, что место под текст в кнопке - это область с заданной высотой, либо на высоту влияет иконка (слева).
- подбери Line-height, либо с помощью flex (с его центровкой по высоте) оформить всю кнопку целиком.

Answer 1

[profesor08]

line-height не решает проблему, высота уменьшается пропорционально, и текст никогда не окажется по центру. flex выравнивается относительно line-height, а так как он не решает проблему, то и flex ее не решает.

Для решения проблемы есть два пути, первый это исправить шрифт так, чтоб этого отступа не было, либо чтоб он был равным и снизу, и сверху. Второй это оборачивать текст и двигать его любым способом position: relative + top, или margin, или transform: translate.

Comments

[Андрей]

profesor08 меня интересует это решение.

первый это исправить шрифт так, чтоб этого отступа не было, либо чтоб он был равным и снизу, и сверху.

как этом можно сделать, надо как то сам шрифт изменять? На самом деле на скриншоте мобильное react native приложение, в которого возможности стилизирования намного меньше чем в вебе

[profesor08]

Андрей, я этого никогда не делал