Text rendering showing uneven spacing between letters using built-in font

[fangq]

Describe the bug

After #8520 being fixed, I was able to test some of the swf screencasts I made previously, and noticed that the font rendering in these text boxes show uneven letter spacing - this happens on both Linux (with NotoSans installed) and Windows (where Noto is not available) using the same Chrome browser.

for example

https://mcx.space/tutorials/mcxstudio/5_How_to_run_mcx_on_remote_GPUs.htm

the rendered text looks like this

you can see the letter spacing between "de" in "demo", "how" in "show", "PU" in "GPU" and "ti" in "simulation" look wider than normal, while "we", "em" in "Remote, "Exec" in "Execution" and "feat" in "feature" look narrower than normal.

It is possible that the built-in font (Noto?) has a different font metric compared to the swf's suggested font family.

As suggested by @kjarosh in #8520, I just want to create this ticket to help track this issue.

Expected behavior

Fonts should be rendered using the matching font metrics, whether ruffle chooses to use the built-in font or the system-installed font, to render the text.

Content Location

https://mcx.space/tutorials/mcxstudio/5_How_to_run_mcx_on_remote_GPUs.htm

Affected platform

Desktop app

Operating system

windows, linux

Browser

chrome, firefox

Additional information

No response