Как центрировать шрифт вертикально по высоте строки ⇐ CSS

[Anonymous]

Я пытаюсь реализовать специальный шрифт под названием «Hagrid», который купил клиент здесь: https://www.fontspring.com/fonts/zetafonts/hagrid
Демо- страница: https://fonttest.web-fuchs.net/
При использовании шрифта на сайте он не выравнивается по вертикали относительно строки. На сайте: fonttest.web-fuchs.net вы можете увидеть, что первый H1 выполнен шрифтом Hagrid. Там вы можете видеть, что текст не центрирован по высоте строки. Например, в «sans H1» вы можете увидеть то, что я обычно ожидал от шрифта: его буквы центрируются по высоте строки. Курсивный вариант, однако, кажется, работает лучше, но, возможно, слишком мелкий.
Негативный эффект проявляется при использовании шрифта, например. в кнопке, где установлена ​​верхняя и нижняя граница. Из-за этого шрифт внутри кнопки отображается не по центру.
Проблема в самом шрифте или это можно как-то исправить с помощью css?
для высоты строки установлено значение 1



Подробнее здесь: https://stackoverflow.com/questions/786 ... ine-height