[BUG]Unicode characters in button text

[isaacclausen]

Is this a bug in companion itself or a module?

• [x] I believe this to be a bug in companion

Is there an existing issue for this?

• [X] I have searched the existing issues

Describe the bug

In 3.2.0 on a Ventura iMac, unicode characters seem to mess up button text. When a unicode character is in the string, the line spacing is almost doubled.

Buttons with unicode characters in 3.1.2:

Buttons with unicode characters in 3.2.0:

Steps To Reproduce

1. Add unicode character to button text

Expected Behavior

Unicode characters display properly without added line spacing

Environment (please complete the following information)

- OS:Ventura
- Browser:Safari 16.4
- Companion Version:3.2.0

Additional context

No response

[jswalden]

FWIW on Sonoma with 3.2.0 and...some version of Safari, not sure which one (the computer is not immediately on hand for me to check), at least some emojis display for me:

(It's possible I should be quibbling about the baseline on that bomb emoji [tho it's equally possible the glyph baseline is buggy] -- or about the overflow behavior on the button display, versus the buttons displaying smaller -- but those would be separate issues.)

[isaacclausen]

Here a video showing the problem better, when I add a unicode character, it adds extra unnecessary line spacing: https://github.com/bitfocus/companion/assets/83613660/0854905f-ff2f-4b46-9c89-cb6a27834a84

[dnmeid]

Hi @isaacclausen I'm aware of this problem. Actually it is not a problem of unicode, but of the linespacing in the fonts we are using. The font we are using for the latin characters has a different spacing from the font we are using for the symbols. I have a solution with adjusted fonts here but didn't have the time to upload and test it.

[Julusian]

@dnmeid this appears to behave better in #2785