[kakuri]

It will be nice if Firefox restores support for high-quality scaling. transform(scale) used to work well, then for a long time it produced horribly pixelated text. They improved it a few months back, but it's still noticeably pixelated. Chrome is perfectly smooth.

[kevingadd]

This is an ongoing struggle for the graphics teams involved with both browsers, and the behavior will be different depending on OS. It really helps if you file bug reports for text quality issues that provide an example of the scenario that looks wrong. I've had multiple text/transform quality issues fixed in both Firefox and Chrome by providing examples of corner cases that perform badly.

The CSS + HTML specs (and the general nature of the primitives involved) make it very very difficult to get this right in every case.

Your issue is almost certainly not a question of 'high quality scaling' and instead a question of how the heuristics are selecting the source resolution to rasterize the text at.

fwiw in the long run it would be possible to solve many quality issues specifically for transformed text by using variable-rate shading (like Slug, maybe Pathfinder) but this is still effectively a research area, I'm not aware of it being shipped in real software.