Ранее мы использовали версию шрифта Proxima Nova 2.003 .Сейчас мы обновляем его до версии 3.017 .Существует некоторая проблема line-height в более новой версии.
На приведенном выше изображении слева - старая версия (2.003), а справа - новая версия(3,017).Я применил font-size:32px; и font-family: ProximaNova Semibold; в обоих случаях, используя элемент div без применения line-height.
Детали случая с левой стороны:
8,16, 24, 32 и 40 - размеры шрифта
9, 20, 29, 39 и 49 - размер высоты div, который он взял
Детали корпуса справа:
8,16, 24, 32 и 40 - размеры шрифта (те же размеры шрифта)
12, 23, 35, 47 и 58 - размер высоты div, который он взял
Теперь вы можете ясно видеть, что в правой стороне div берется другая высота.Если вы увеличите изображение выше, вы можете ясно видеть, что сверху и снизу добавлено дополнительное пространство.Я получаю высоту строки, из-за этих лишних пробелов возникают средние проблемы с вертикальным выравниванием текста.Есть ли способ избавиться от этих верхних и нижних лишних пробелов?
Я попытался установить line-height в делении.После установки line-height в делении, левая и правая стороны имеют одинаковую высоту деления.Но, тем не менее, проблемы с высотой строки и вертикальным выравниванием возникают из-за различий по умолчанию в новой версии.Есть какие-нибудь хитрости, чтобы удалить эти пробелы?