How to align text the same way in Chrome and Firefox

pandamicro @slackmoehrle
Any ideas? Please?

I found out that cocos2d-html5 uses a div to find out the height of a label. See cocos2d-html5/CCLabelTTF.js at develop · cocos2d/cocos2d-html5 · GitHub
But here the fontFamily is always set to Arial. To be honest, I don’t know if this is the right place.
There must be a solution… With the release of firefox quantum the usage of firefox will rise.

Chrome Screenshot:
image
Firefox Screenshot:
image

We used cocos studio (yeah, our game is some years old) to design the ui. But this shouldn’t matter. The Font also looks a bit bigger in chrome. Firefox looks kinda bad rendered.

I also used the font directly in firefox. When the line-height is set to 100% there is no extra space between the lines (like it should be). When the line-height is set to ‘normal’ there is space. Maybe this is the reason for the bigger space between the lines rendered in webgl?

line-height: normal in ff

line-height: 100% in ff

Thank you!

edit
To test the newest version (3.6) I created a new project and checked the font-positioning.

Firefox:
image
Chrome:
image