我整天都在强调这个问题，似乎无法弄清楚是什么触发了这个问题。当我尝试使用 Google Chrome 打印此页面时，样式变得一团糟。我包括一个自定义打印样式，一切都在其他浏览器(如 Firefox 和 IE)上运行良好。但是当涉及到 Chrome 时，就会发生这种情况。
请帮忙。为了我的理智。打印 css 调试并不好玩。
最佳答案
我在 macOS Catalina 上运行的 Chrome v80 上遇到了同样的问题。
经过一些尝试和错误后，我发现字体系列中包含 BlinkMacSystemFont。
从 font-family 值中删除此字体解决了这个问题。
chrome 中似乎存在一些问题，导致打印预览渲染中此字体出现问题。
顺便说一句，Safari 的打印预览与 BlinkMacSystemFont 字体配合得很好，它只是导致此字体出现问题的 chrome。
关于javascript - 谷歌浏览器打印问题搞砸了文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26108658/