I got fed up with a font being off-centre on a design I was trying to develop and I ended up using this descent-override CSS property on the @font-face block which works rather nicely: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/...
That way you can control the vertical position of the whole font.
Looks like it's not supported in Safari yet.
There's also ascent-override.