@ font-face проблемы с высотой шрифта

Question

Возникли проблемы с выравниванием текста CSS, созданного с помощью @ font-face. По какой-то причине в нижней части каждой буквы видна тонна дополнительного пространства, растягивающего текстовое поле слишком далеко вниз.

Если вы ознакомитесь с текстом на этом примере , вы поймете, что я имею в виду.

Погуглил и проверил кучу других страниц, но эта заставила меня озадачиться. Есть ли шанс, что кто-то может помочь?

Спасибо!

Answer 1

Для начала вычисленное line-height равно 65px, поэтому вы всегда можете определить его как 60px, если хотите.

Однако большая часть этого пространства фактически требуется шрифтомты выбрал.Несмотря на то, что вы преобразовали его в верхний регистр с помощью CSS, шрифт все еще нуждается в пространстве для отображения символов, которые рисуются ниже базовой линии текста.Попробуйте добавить запятую к тексту этого заголовка, и вы увидите, что он на самом деле довольно большой и должен заполнить большую часть пустого пространства.

Answer 2

Вы используете <h2> тег там. для тегов h используйте поля и отступы стиля CSS, чтобы удалить лишние пробелы.

<style>
h2 {
   margin:0;
   padding:0;
}
</style>