Как исправить шрифт в CSS если он как будто выше базовой линии?

Question

[Alex]

Есть div стилизованный под кнопку где текст вертикально центрирован при помощи свойств flex и используя кастомный шрифт на ПК в браузерах хром, он выглядит нормально по центру, но на андроид устройстве он смещен вверх, т.е. уже не по центру, а выше центра. Если взять какой нибудь стандартный например Open Sans или sans-serif все хорошо и на пк и на андроид. Если смотреть на div в devtools видно что часть верхушки текста находится как бы в зеленой зоне (зоне padding), хотя в хроме на пк он в синей т.е. в зоне div.
Как это можно исправить? Может как то можно регулировать положение символов шрифта?
И само интересное почему браузеры на пк центрируют нормально, а на андроид он смещен чуть вверх.