谷歌 chrome 打印問題搞砸了文本

Question

我整天都在強調這個問題，似乎無法弄清楚是什么觸發了這個問題。 當我嘗試使用 Google Chrome 打印此頁面時，樣式變得一團糟。 我包含了一個自定義打印樣式，並且在 Firefox 和 IE 等其他瀏覽器上一切正常。 但是當涉及到 chrome 時，就會發生這種情況。

請幫忙。 為了我的理智。 打印 css 調試一點都不好玩。

Answer 1

我在 macOS Catalina 上運行的 Chrome v80 上遇到了同樣的問題。

經過一些試驗和錯誤，我觀察到字體系列中包含的BlinkMacSystemFont 。

從font-family值中刪除這個字體解決了這個問題。 似乎 chrome 中存在一些問題，導致打印預覽渲染中此字體出現問題。

順便說一句，Safari 的打印預覽適用於BlinkMacSystemFont字體，它只是導致此字體出現問題的 chrome。