バーコード (Code 39 標準) の印刷中に問題が発生しました。断続的に発生するものです。
-Google Chrome の場合:
通常はコードが表示されますが、印刷ビューで表示すると、下の画像のように、表示されるはずの元のバーコードではなく、奇妙なコードが表示されます。
印刷前:
印刷後:
- Internet Explorer の場合:
唯一の違いは、印刷しようとすると、画像のようなコードのみが表示されることです。
CSS を使用してバーコードをカスタマイズしており、画像ではなくテキストを使用してバーコードを表示しています。
誰でも私を助けることができますか?
追伸:
バーコードに使用している 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>