Question

我在打印条形码时遇到问题（Code 39 stadard）。这是间歇性发生的事情。

- 在谷歌浏览器中：

它通常会显示代码，但是当我在打印视图中看到它时，它会向我显示一个奇怪的代码，而不是它应该显示的原始条形码，如下图所示。

打印前：

Before printing

印刷后：

After printing

- 在Internet Explorer中：

唯一的区别是，当我尝试打印时，它只显示代码，如图像：

enter image description here

我正在使用CSS来自定义条形码，而我正在使用文字而不是图像来显示条形码。

有人可以帮助我吗？

PS：

我用于条形码的CSS（我认为这是默认设置）：

@font-face {
    font-family: 'C39HrP24DhTtNormal';
    src: url('c39hrp24dhtt-webfont.eot');
    src: url('c39hrp24dhtt-webfont.eot?#iefix') format('embedded-opentype'),
         url('c39hrp24dhtt-webfont.woff') format('woff'),
         url('c39hrp24dhtt-webfont.ttf') format('truetype'),
         url('c39hrp24dhtt-webfont.svg#C39HrP24DhTtNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

这是HTML：

    <head>
    <title>AAAAAAAAAA</title>
    <script language="javascript" type="text/javascript" src="Controller/Configuratuion.js"></script>
    <script language="javascript" type="text/javascript" src="Library/JQuery.js"></script>
    <script language="javascript" type="text/javascript" src="Library/AjaxHelper.js"></script>
    <script language="javascript" type="text/javascript" src="Library/Scripts.js"></script>
    <script language="javascript" type="text/javascript" src="Controller/PrintCapaloteClienteController.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            PrintCapaloteClienteController.Init();
        });
    </script>
    <link type="text/css" rel="Stylesheet" href="css/BarCode3de9/stylesheet.css" />
    <link type="text/css" rel="Stylesheet" href="css/Style.css" />
    <style type="text/css">
        body#Print
        {
            padding: 10px 10px 10px 10px;
        }
        div#BarCodeContrainer
        {
            text-align: right;
        }
        div#HeaderContainer, .footer
        {
            border: solid 2px black;
        }
        div#MainContainer
        {
            text-align: center;
        }
        .leftText
        {
            text-align: left;
        }
        .rightText
        {
            text-align: right;
        }
        .centerText
        {
            text-align: center;
        }

        .header
        {
            text-align: left;
        }

        .header th
        {
            text-align: left;
            border-top: solid 1px black;
            border-bottom: solid 1px black;
        }

        .closeLeft
        {
            border-left: solid 1px black;
        }

        .closeRight
        {
            border-right: solid 1px black;
        }
    </style>
</head>
<body>
    <div id="HeaderContainer">

    </div>
    <div id="MainContainer">

    </div>
</body>
</html>

打印条形码时出错 - 代码39

0 个答案: