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