gpt4 book ai didi

javascript - FONT FAMILY 在系统打印中不起作用

转载 作者:行者123 更新时间:2023-11-28 19:11:49 30 4
gpt4 key购买 nike

当我启用浏览器打印时,我的字体系列 ARIAL NARROW 无法正常工作,在屏幕上它很好,但在打印预览中它将变成 TIMES NEW ROMAN.

示例代码,这种样式的 css 在我的 dvContainer

<div id="dvContainer" class="dvContainer">
<style type="text/css" media="all">
@page
{
size: auto; /* auto is the initial value */
margin: 20mm 20mm 20mm 20mm; /* this affects the margin in the printer settings */
font-family: "Arial Narrow", Arial, sans-serif !important;
}

html
{
background-color: #FFFFFF;
margin: 0px; /* this affects the margin on the html before sending to printer */
}
.dvContainer p li ol {
font-family: "Arial Narrow", Arial, sans-serif !important;
color: #000;
font-size: 9px !important;
}

table {
cellpadding: 1;
}
.pagebreak { page-break-before: always; } /* page-break-after works, as well */
</style>

此函数将调用:

$("#btnPrint").live("click", function () {
var divContents = $("#dvContainer").html();
var printWindow = window.open('', '', 'height=600,width=1000');
printWindow.document.writeln('<!DOCTYPE html>');
printWindow.document.writeln('<html><head><title></title>');
printWindow.document.writeln('</head><body>');
printWindow.document.writeln(divContents);
printWindow.document.writeln('</body></html>');
printWindow.document.close();
printWindow.print();
});

预期输出 enter image description here

打印预览的输出 enter image description here

真的需要帮助

最佳答案

这样,您可以为不同的媒体提供相同元素的不同 CSS 样式,例如“打印”和“屏幕”:

@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 13px }
}
@media screen, print {
body { line-height: 1.2 }
}

关于javascript - FONT FAMILY 在系统打印中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59114281/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com