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

Question

当我启用浏览器打印时，我的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();
    });

预期产出

打印预览的输出

真的需要帮助

Answer 1

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

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

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

问题描述

1 个解决方案

解决方案1
0 2019-12-04 06:29:20

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

问题描述

1 个解决方案

解决方案1 0 2019-12-04 06:29:20

解决方案1
0 2019-12-04 06:29:20