谷歌 chrome 打印问题搞砸了文本

Question

我整天都在强调这个问题，似乎无法弄清楚是什么触发了这个问题。当我尝试使用 Google Chrome 打印此页面时，样式会变得混乱。我包含自定义打印样式，并且在 Firefox 和 IE 等其他浏览器上运行良好。但是当涉及到 chrome 时，就会发生这种情况。

请帮忙。为了我的理智。打印 css 调试不好玩。

Answer 1

我在 macOS Catalina 上运行的 Chrome v80 上遇到了同样的问题。

经过反复试验，我发现BlinkMacSystemFont 包含在字体系列中。

从font-family 值中删除此字体解决了该问题。 似乎 chrome 中存在一些问题，导致打印预览呈现中的此字体出现问题。

顺便说一句，Safari 的打印预览与 BlinkMacSystemFont 字体配合得很好，它只是导致此字体出现问题的 chrome。