Android - Google chrome custom font vertical centering issue

Question

I've just experience issue with Font on Google Chrome Android:

As you can see, it's not vertically centered.

I've tested it on multiple browser (mobile & web), and Google Chrome on android is the only one affected by this issue.

I've tried to only load TTF or SVG, both solution end up not working.

here's the page if you want to test it: http://app.mitoo.co/login

Answer 1

After a long weekend of painful scroll into the dozen of webkit bug reports, I've manage to fix it by opening the font file in Glyphs and exporting them as TTF.

It seems that glyphs automatically calculate and fix the baseline.