html网页打印字体出现模糊的解决方法
在打印报告时 打印出来的文本是模糊的, 不清晰,
解决方案: 设置打印时字体
设置css 字体
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*`重要` */
body, p, h1, div, span, .ant-input, th, ::placeholder {
/*color: #000 !important;*/
font-family: "Times New Roman", Times, serif;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}