谷歌镀铬打印问题搞砸了文本

Question

我一整天都在强调这个问题，似乎无法弄清楚是什么触发了这个问题。当我尝试使用谷歌浏览器打印此页面时，样式变得混乱。我提供了自定义打印样式，一切都适用于其他浏览器，如Firefox和IE。但是当涉及到铬时，就会发生这种情况。

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

Answer 1

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

经过反复试验，我观察到字体家族中包含的BlinkMacSystemFont。

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

BTW Safari的打印预览可以与BlinkMacSystemFont字体一起很好地工作，它只是镀铬的字体，导致该字体出现问题。