Как выровнять шрифт внутри line-height?

Question

[pavelsa]

Доброго дня всем! Перфекционизм не дает мне покоя, шрифт отображается неровно в таблицах, устранять эту проблему падингами не хочется. Суть проблемы: шрифт внутри строки расположен чуть выше, чем нужно при любом значении line-height. Как можно идеально центрировать шрифт по вертикали? Смотрите скриншот, будет понятно

line-height: 20px
Это особенности шрифта? Возможно. Но! на циан.ру идеально ровно отображается
Шрифт Лато 2.015

Comments

[Михаил Р.]

Ссылку на сайт, и где конкретно искать эту строчку текста?

[pavelsa]

Михаил Р., сайт пока не опубликован. Для примера можете взять www.cian.ru (ровно) и www.gosuslugi.ru (неровно)

[Rsa97]

А вы добавьте ещё букву с нижним выступом, "у" или "р".

[pavelsa]

Rsa97, понимаю о чем, но когда таких знаков крайне мало, то получается что основной текст (особенно это заметно в таблицах) как будто выше положенного

Answer 1

[Михаил Р.]

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

Ну вот и у госов теперь все "ровно":
line-height: 1;

Comments

[pavelsa]

Не-а. У циан при line-height: 24px; все хорошо. То, что у вас над 1px сверху, 3px снизу получилось.

[Михаил Р.]

pavelsa, Вы как то странно замеряете, почему Вы не берете в расчет свисающие части буквы "Д" и "у"?

[pavelsa]

Михаил Р., считаю, что так правильнее.

[ThunderCat]

pavelsa,

считаю, что так правильнее.

Товарищ Прокруст, перелогиньтесь...

[Михаил Р.]

pavelsa,

считаю, что так правильнее.

Т.е. свисающая часть буквы с первой строки войдет в заглавную букву на следующей строке?

[pavelsa]

Михаил Р., не будет, я же ответил в комментарии к вопросу. Строки смотрятся неровно в таблицах, можно верхними отступами на пиксель сместить вниз, но такое решение не располагает. На циан именно так как хочется, не смог разобраться с чем связано, может версия шрифта отличается. В PT Sans тоже самое (расположено ровно по центру, если брать те же границы, на которые я указал)

[pavelsa]

Михаил Р., у меня не получилось определить версию шрифта на циан, может у вас получится?

[Михаил Р.]

pavelsa,
https://cdn.cian.site/frontend/fonts/h/lato-regula...
https://cdn.cian.site/frontend/fonts/h/lato-bold.c...
https://cdn.cian.site/frontend/fonts/h/lato-black....
Обычный Lato, без особых пометок.

[pavelsa]

Михаил Р., спасибо. Отмечу решением. Они корректировали сам шрифт, примерил их шрифт, все ровно.