Font rendering (webfonts)

Invoice Ninja version

v5.13.40

Environment

ZIP installation

Interface

Flutter (Android/iOS/Windows Desktop)

Can you reproduce the issue on one of our demo sites?

No

Pre-flight checks

• I have reviewed the troubleshooting documentation.
• I have searched existing issues for duplicates.

Have you reported this issue on Slack or the forum?

No

Have you inspected the application logs?

Yes, but I found no relevant errors

Describe the bug

I use snappdf within InvoiceNinja and figured out some rendering issues with the kerning of a custom font (here: Google Fonts Inter).

I was able to fix it (see before/after) with change the hardcoded chromium flag to --font-render-hinting=none

https://github.com/invoiceninja/invoiceninja/blob/d69e2acf6a42574fea96c3c9f5c9414c22fa2891/app/Utils/Traits/Pdf/PdfMaker.php#L77

I added this to my .env– if the issue is not fixed in core, this is a more-less stable workaround.

SNAPPDF_EXECUTABLE_ARGUMENTS="--headless --disable-gpu --disable-translate --disable-extensions --disable-sync --disable-background-networking --disable-software-rasterizer --disable-default-apps --disable-dev-shm-usage --safebrowsing-disable-auto-update --run-all-compositor-stages-before-draw --no-first-run --no-margins --no-sandbox --print-to-pdf-no-header --no-pdf-header-footer --hide-scrollbars --ignore-certificate-errors --font-render-hinting=none --enable-font-antialiasing --virtual-time-budget=10000"

What do you think? I can create a PR if you want to change it.

Steps to reproduce

Let InvoiceNinja generate a pdf with (custom) webfonts

Expected behavior

Kerning of fonts should be perfect :-)

Additional context

No response

Screenshots or screen recordings

Before:

After: