Я создал страницу, используя Bootstrap 4. Я хочу напечатать эту страницу в PDF и хочу, чтобы она печаталась именно так, как она выглядит. Я использовал Google Chrome в качестве браузера. При предварительном просмотре печати
Chrome страница отображается правильно, но проблема в том, что когда я открываю файл после сохранения, я вижу проблемы со шрифтом, такие как буква "L" становится жирным шрифтом. Затем я изменил шрифт Times New Roman. Это исправило Ls, но на этот раз некоторые другие символы были жирными. Чтобы подтвердить это, я попытался напечатать домашнюю страницу Bootstrap, и возникла та же проблема.
Это домашняя страница в Chrome: https://ibb.co/XScJYph
Chrome Предварительный просмотр печати: https://ibb.co/jG3hWmm
А вот как это выглядит после сохранения в формате PDF: https://ibb.co/MNBkRtY
Как преодолеть это и поддерживать последовательность? Обратите внимание, что я попробовал шрифты Times New Roman, Arial и Helvetica. У всех них были проблемы, ни одна не работала идеально.
Я не использовал ни одной CSS, кроме этой строки: @media print {body {width: 8.5in;height: 11in;}}, которая не должна быть проблемой.
Заранее спасибо.