Как выровнять строку по середине в CHROME?

Question

[Артур]

Суть такова. При сбросе стилей таким образом
.text{
line-height:1;
padding:0;
vertical-align:middle;
}
строка текста выглядит в chrome так prntscr.com/5wczvp
здесь видно что текст выравнивается по верху и снизу остается достаточно большой отступ

хотя в лисе он выглядит так prntscr.com/5wd04l при тех же стилях

как победить?

ПС шрифты пользуются сторонние подключаемые

Comments

[Артур]

я наверное не очень ясно выразился
дело в том, что, если указать font-size = 60px; то выражение line-height станет 60px * 1 = 60px;
на рисунках, указанных выше так и есть.
но дело в том, что при этом фактически глифы текста меньше 60px, что не мешает Лису выровнять их по центру 60px line-height;
при этом CHROME не хочет ровнять эти глифы шрифта по центру line-height, даже если vertical-align = middle; и так же держит глифы текста выровненными по верху, что не нормально.

Answer 1

[Андрей]

Укажите line-height равный высоте черной прямоугольной области

Comments

[Артем Анашев]

А что, если текст более чем на 1 строку?

[Андрей]

Я так понял что проблема в том что высота строки не совпадает с высотой контейнера под строку, line-height: 1 это слишком мало.

Если что-то нужно выровнять вертикально в общем случае, то воспользуйтесь одним из этих методов: css-tricks.com/centering-css-complete-guide

[Артур]

Андрей: при line-height: 1; высота прямоугольной области становится равной font-size. Между тем сами глифы шрифта могут быть меньше этой области и выравниваться соответственно по верху, середине или низу посредством свойства vertical-align, чего в данном примере как раз и не происходит в хроме)

[Андрей]

astralo: можете выложить пример на JSFiddle?

[Артур]

Вот пример podium.taakt.ru/test
сравните отображение текста на хроме и на лисе

[Андрей]

astralo: я вижу идентичное отображение во всех браузерах: hsto.org/files/5cc/2c9/c83/5cc2c9c837084086b723ec5...

Проблема с выравниванием в этом шрифте, если поставить любой другой с теми же стилями, то текст будет по центру.

[Артур]

Андрей: весьма странно. у меня firefox он выравнивается по центру prntscr.com/5wd04l ))