打印 Bootstrap 4 个网页时出现字体问题
Font issues while printing Bootstrap 4 webpage
我已经使用 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 字体。他们都有问题，none 工作得很好。
我没有使用任何 CSS 除了这一行：@media print {body {width: 8.5in;height: 11in;}} 这应该不是问题。
提前致谢。
我想这个问题取决于你的电脑字体。我的意思是当我检查相同的场景时我没有遇到问题。
您可以检查 reader 字体，也可以在 chrome 上打开该 .pdf 文件。
我已经使用 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 字体。他们都有问题，none 工作得很好。
我没有使用任何 CSS 除了这一行：@media print {body {width: 8.5in;height: 11in;}} 这应该不是问题。
提前致谢。
我想这个问题取决于你的电脑字体。我的意思是当我检查相同的场景时我没有遇到问题。
您可以检查 reader 字体，也可以在 chrome 上打开该 .pdf 文件。