Show rendered text from size check [$25 awarded]

[nijel]

Split from #3140 by @IlDucci

Good evening. I would like to request certain upgrades and additions to the string length rendering checks:

Is your feature request related to a problem? Please describe.
I find two problems when it comes to check the renderings:

• Call me micromanager, but sometimes I'd like to see the actual sample of the rendered dialogue. Maybe I have a word that's too long and that's going over the limit because of that reason, but I won't be able to know it's the problem unless I actually see the rendered sample. Or maybe I'd like to do the line breaks manually to improve the text flow. Is there a way to display the sample renders to the user?

Describe the solution you'd like

• Display the font rendering samples as graphics during the translation/revision process.

Describe alternatives you've considered

• About the font rendering, probably the best way to avoid a server overload is to make the graphic display on-demand, by the touch of a button, for example. Having a lot of images rendered and displayed could cause havoc in Zen mode. But if the actual TTF can be used as a web font, maybe the system could use it to display on-the-fly modifications, which could even work in Zen mode.

Additional context
There's not much else I can think of right now.

[github-actions]

Thank you for your report, the issue you have reported has just been fixed.

• In case you see a problem with the fix, please comment on this issue.
• In case you see similar problem, please open separate issue.
• If you are happy with the outcome, consider supporting Weblate by donating.

[IlDucci]

I haven't been able to test this on an environment, so I'm going to ask things based on what I'm figuring out via reading the code:

• Is it possible to have access to the preview at all times, not only when the limits are reached?

[nijel]

We currently don't have UI for this. All we do is to show failed checks and this now includes the rendered images.

[IlDucci]

A friend of mine made a temp server and I've seen the current status (master from 3.11-dev, taken yesterday). I was unable to get the proper font-family being read out, all the samples were still displaying SourceSansPro. Window size and font size were read properly.

He also had this error: [error] 158#158: *538 open() "/app/data/static/font-source/WOFF2/TTF/SourceCodePro-Semibold.ttf.woff2" failed (2: No such file or directory), client: CLEANED, server: , request: "GET /static/font-source/WOFF2/TTF/SourceCodePro-Semibold.ttf.woff2 HTTP/1.1", host: "CLEANED", referrer: "CLEANEDstatic/font-source/source-code-pro.css?v=3.11-dev"

Though I do have seen how does it look like. Maybe making it a permanent toggeable window, like Glossary and Source information, would be nice in the future (though I'd be worried if this was implemented in Zen, even if that would be much nicer for the translator, it could increase the server load).

[nijel]

Hmm, I've just tested it and it seems to work properly for me. I've recently fixed possible issue with using bold font faces, but you should still end up with correct family.

[IlDucci]

I tried two different fonts: A custom one I made, which is my target font and should be marked as Regular, and a copy of Stencil from my Windows Fonts folder just to be sure I wasn't breaking anything with the font. Both fonts did not appear in the render.

[IlDucci]

I just went to the sample server again and my custom font worked now, maybe there was a caching problem of some sorts. So now I'm seeing the previews whenever the check fails with the proper font.

The current system works with the checks, but I'd be interested on seeing this window at all times. That's what's making me doubt over if I should accept or reject the changes for the bounty.

[nijel]

Can you please open separate issue for that?