[8.18] [Reports] Fix text kerning issues in PDF/PNG exports for dashboard and visualization reports (elastic#235516) (elastic#236040)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[Reports] Fix text kerning issues in PDF/PNG exports for dashboard
and visualization reports
(elastic#235516)](elastic#235516)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Andreana
Malama","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-09-23T08:01:38Z","message":"[Reports]
Fix text kerning issues in PDF/PNG exports for dashboard and
visualization reports (elastic#235516)\n\n## Summary\n\nFix elastic#217287 \n\nThis PR
fixes the text kerning issues in dashboard/visualization
PDF/PNG\nexports, particularly noticeable on Linux OS.\n\nExample
before: \n<img width=\"984\" height=\"356\" alt=\"Screenshot 2025-09-19
at 2 36
11 PM\"\nsrc=\"https://github.com/user-attachments/assets/9abd6dc2-7784-4962-b17b-debe7f4b75e0\"\n/>\n\nExample
after: \n<img width=\"981\" height=\"351\" alt=\"Screenshot 2025-09-19
at 2 36
41 PM\"\nsrc=\"https://github.com/user-attachments/assets/5acbad5a-86ef-4295-b715-1c81c1c91e7a\"\n/>\n\n##
Reports\n\nDashboard to test:
\n\n[dashboard_test_for_screenshot_kerning.ndjson.txt](https://github.com/user-attachments/files/22405598/dashboard_test_for_screenshot_kerning.ndjson.txt)\n\nBefore:
\n-
Dashboard:\n[dashboard_before.pdf](https://github.com/user-attachments/files/22405719/dashboard_before.pdf)\n-
TSVB metric
chart:\n[tsvb_before.pdf](https://github.com/user-attachments/files/22405716/tsvb_before.pdf)\n-
Lens metric
chart:\n[lens_metric_before.pdf](https://github.com/user-attachments/files/22405717/lens_metric_before.pdf)\n-
Lens bar
chart:\n[lens_bar_before.pdf](https://github.com/user-attachments/files/22425733/lens_bar_before.pdf)\n\n\nAfter:\n-
Dashboard:\n[dashboard_after.pdf](https://github.com/user-attachments/files/22405561/dashboard_after.pdf)\n-
TSVB
metric\nchart:[tsvb_after.pdf](https://github.com/user-attachments/files/22405555/tsvb_after.pdf)\n-
Lens metric
chart:\n[lens_metric_after.pdf](https://github.com/user-attachments/files/22405553/lens_metric_after.pdf)\n-
Lens bar
chart:\n[lens_bar_after.pdf](https://github.com/user-attachments/files/22425737/lens_bar_after.pdf)\n\n##
Release Notes: \n\nFix for the text kerning issues in
dashboard/visualization PDF/PNG\nexports, particularly noticeable on
Linux OS.\n\n## Checklist\n\nCheck the PR satisfies following
conditions. \n\nReviewers should verify this PR satisfies this list as
well.\n\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"20aa36d105f338487c3f9401ab77018e4ae4e34e","branchLabelMapping":{"^v9.2.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix","Feature:Reporting:Screenshot","backport:version","v9.2.0","v8.18.8","v8.19.5","v9.0.8","v9.1.5"],"title":"[Reports]
Fix text kerning issues in PDF/PNG exports for dashboard and
visualization
reports","number":235516,"url":"https://github.com/elastic/kibana/pull/235516","mergeCommit":{"message":"[Reports]
Fix text kerning issues in PDF/PNG exports for dashboard and
visualization reports (elastic#235516)\n\n## Summary\n\nFix elastic#217287 \n\nThis PR
fixes the text kerning issues in dashboard/visualization
PDF/PNG\nexports, particularly noticeable on Linux OS.\n\nExample
before: \n<img width=\"984\" height=\"356\" alt=\"Screenshot 2025-09-19
at 2 36
11 PM\"\nsrc=\"https://github.com/user-attachments/assets/9abd6dc2-7784-4962-b17b-debe7f4b75e0\"\n/>\n\nExample
after: \n<img width=\"981\" height=\"351\" alt=\"Screenshot 2025-09-19
at 2 36
41 PM\"\nsrc=\"https://github.com/user-attachments/assets/5acbad5a-86ef-4295-b715-1c81c1c91e7a\"\n/>\n\n##
Reports\n\nDashboard to test:
\n\n[dashboard_test_for_screenshot_kerning.ndjson.txt](https://github.com/user-attachments/files/22405598/dashboard_test_for_screenshot_kerning.ndjson.txt)\n\nBefore:
\n-
Dashboard:\n[dashboard_before.pdf](https://github.com/user-attachments/files/22405719/dashboard_before.pdf)\n-
TSVB metric
chart:\n[tsvb_before.pdf](https://github.com/user-attachments/files/22405716/tsvb_before.pdf)\n-
Lens metric
chart:\n[lens_metric_before.pdf](https://github.com/user-attachments/files/22405717/lens_metric_before.pdf)\n-
Lens bar
chart:\n[lens_bar_before.pdf](https://github.com/user-attachments/files/22425733/lens_bar_before.pdf)\n\n\nAfter:\n-
Dashboard:\n[dashboard_after.pdf](https://github.com/user-attachments/files/22405561/dashboard_after.pdf)\n-
TSVB
metric\nchart:[tsvb_after.pdf](https://github.com/user-attachments/files/22405555/tsvb_after.pdf)\n-
Lens metric
chart:\n[lens_metric_after.pdf](https://github.com/user-attachments/files/22405553/lens_metric_after.pdf)\n-
Lens bar
chart:\n[lens_bar_after.pdf](https://github.com/user-attachments/files/22425737/lens_bar_after.pdf)\n\n##
Release Notes: \n\nFix for the text kerning issues in
dashboard/visualization PDF/PNG\nexports, particularly noticeable on
Linux OS.\n\n## Checklist\n\nCheck the PR satisfies following
conditions. \n\nReviewers should verify this PR satisfies this list as
well.\n\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"20aa36d105f338487c3f9401ab77018e4ae4e34e"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","8.19","9.0","9.1"],"targetPullRequestStates":[{"branch":"main","label":"v9.2.0","branchLabelMappingKey":"^v9.2.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/235516","number":235516,"mergeCommit":{"message":"[Reports]
Fix text kerning issues in PDF/PNG exports for dashboard and
visualization reports (elastic#235516)\n\n## Summary\n\nFix elastic#217287 \n\nThis PR
fixes the text kerning issues in dashboard/visualization
PDF/PNG\nexports, particularly noticeable on Linux OS.\n\nExample
before: \n<img width=\"984\" height=\"356\" alt=\"Screenshot 2025-09-19
at 2 36
11 PM\"\nsrc=\"https://github.com/user-attachments/assets/9abd6dc2-7784-4962-b17b-debe7f4b75e0\"\n/>\n\nExample
after: \n<img width=\"981\" height=\"351\" alt=\"Screenshot 2025-09-19
at 2 36
41 PM\"\nsrc=\"https://github.com/user-attachments/assets/5acbad5a-86ef-4295-b715-1c81c1c91e7a\"\n/>\n\n##
Reports\n\nDashboard to test:
\n\n[dashboard_test_for_screenshot_kerning.ndjson.txt](https://github.com/user-attachments/files/22405598/dashboard_test_for_screenshot_kerning.ndjson.txt)\n\nBefore:
\n-
Dashboard:\n[dashboard_before.pdf](https://github.com/user-attachments/files/22405719/dashboard_before.pdf)\n-
TSVB metric
chart:\n[tsvb_before.pdf](https://github.com/user-attachments/files/22405716/tsvb_before.pdf)\n-
Lens metric
chart:\n[lens_metric_before.pdf](https://github.com/user-attachments/files/22405717/lens_metric_before.pdf)\n-
Lens bar
chart:\n[lens_bar_before.pdf](https://github.com/user-attachments/files/22425733/lens_bar_before.pdf)\n\n\nAfter:\n-
Dashboard:\n[dashboard_after.pdf](https://github.com/user-attachments/files/22405561/dashboard_after.pdf)\n-
TSVB
metric\nchart:[tsvb_after.pdf](https://github.com/user-attachments/files/22405555/tsvb_after.pdf)\n-
Lens metric
chart:\n[lens_metric_after.pdf](https://github.com/user-attachments/files/22405553/lens_metric_after.pdf)\n-
Lens bar
chart:\n[lens_bar_after.pdf](https://github.com/user-attachments/files/22425737/lens_bar_after.pdf)\n\n##
Release Notes: \n\nFix for the text kerning issues in
dashboard/visualization PDF/PNG\nexports, particularly noticeable on
Linux OS.\n\n## Checklist\n\nCheck the PR satisfies following
conditions. \n\nReviewers should verify this PR satisfies this list as
well.\n\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"20aa36d105f338487c3f9401ab77018e4ae4e34e"}},{"branch":"8.18","label":"v8.18.8","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.19","label":"v8.19.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.8","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.1","label":"v9.1.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Andreana Malama <[email protected]>

Author: kibanamachine

src/platform/packages/private/kbn-screenshotting-server/src/args.ts

@@ -55,6 +55,8 @@ export const args = ({
     '--hide-scrollbars',
     // allow screenshot clip region to go outside of the viewport
     `--mainFrameClipsContent=false`,
+    // fix screenshot text kerning
+    '--font-render-hinting=none',
   ];
 
   if (windowSize) {