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

[Anonymous]

Я пытаюсь реализовать специальный шрифт под названием «Hagrid», который купил клиент здесь: https://www.fontspring.com/fonts/zetafonts/hagrid
Демо- страница: https://fonttest.web-fuchs.net/
При использовании шрифта на сайте он не выравнивается по вертикали относительно строки. На сайте: fonttest.web-fuchs.net вы можете увидеть, что первый H1 выполнен шрифтом Hagrid. Там вы можете видеть, что текст не центрирован по высоте строки. Например, в «sans H1» вы можете увидеть то, что я обычно ожидал от шрифта: его буквы центрируются по высоте строки. Курсивный вариант, однако, кажется, работает лучше, но, возможно, слишком мелкий.
Негативный эффект проявляется при использовании шрифта, например. в кнопке, где установлена ​​верхняя и нижняя граница. Из-за этого шрифт внутри кнопки отображается не по центру.
Проблема в самом шрифте или это можно как-то исправить с помощью css?
Обновление: я только что понял, что шрифт отлично работает на Mac, но не на Windows.
line-height имеет значение 1
< img alt="введите здесь описание изображения" src="https://i.sstatic.net/Z4b9tRZm.png" />

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