Font fallback when printing on Windows 10 causing pixelation when printing

[viktorsmari]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

I have a website using Bootstrap 5.3.3 and when I (Ctrl+P) print the page on Windows 10 it causes pixelation, but not when using an Android mobile phone.

Here is a printout on a physical paper using a thermal printer.

Left side:

• Windows 10 - pixelated
  Right side:
• Android mobile - perfect 👍

On this particular page the computed Font Family is the basic Bootstrap one:

ChatGPT recommends changing Windows settings, but if I have 100 of users using Windows 10, I don't want to recomment them to mess with their system settings.

ChatGPT also recommends to manually add the 'Arial' font to the @media print but I was hoping basic Bootstrap settings would cover it?

ChatGPT also thinks the issue could be related to the Segoe UI

Reduced test cases

This might require someone who has a Windows 10 PC to test printing.

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3.3