I have a text with non web font, I have used
@font-face for this.
It's working fine in all browsers on Windows, but top aligned in all browsers on Mac.
Blue box in this image is line-height.
I found this similar question, but it doesn't provide a workable solution.
If it is resolved by using a different font the issue is with the font, not with the CSS.
Font squirrel has an option under 'expert' where you can check 'Auto-Adjust Vertical Metrics' this might work for you.
try css attribute "vertical-align: middle", this might solve the problem.