Question

我尝试在firefox上打印条形码39，在显示浏览器上显示条形码，但是当我要打印时，条形码消失了。然后我尝试使用谷歌浏览器，一切都很好。

这是我的代码：

@font-face {
font-family:"Barcode 39";
src:url("/web/res/css/font/Code39.eot?") format("eot"),url("/web/res/css/font/Code39.woff")
format("woff"),url("/web/res/css/font/Code39.ttf") 
format("truetype"),url("/web/res/css/font/Code39.svg#")
format("svg");
font-weight:normal;font-style:normal;}

at html：

<style media="screen" type="text/css">/*<![CDATA[*/@import '/web/task/local/adhi/fontbarcode.css';/*]]>*/</style>
<style type="text/css">
    .code39{
        font-family:"Barcode 39";
        font-size :50px;
    }
</style>


<span class="code39">*1234*</span>
<br><br>

-Thanks

Answer 1

试试这个：

@media screen { 
    .code39{
        font-family:"Barcode 39";
        font-size :50px;
    }
}
@media print { 
    .code39{
        font-family:"Barcode 39";
        font-size :50px;
    }
}

CSS2中引入的@media规则可以为不同的媒体类型定义不同的样式规则。

示例：您可以为计算机屏幕设置一组样式规则，一组用于打印机，一组用于手持设备，一组用于电视类设备，等等。

有关更多信息，请参阅CSS3 Mediaqueries。

打印样式表格式化网页，因此在打印时，它会以用户友好的格式自动打印。打印样式表已存在多年，并且已经写了很多。然而很少有网站实现它们，这意味着我们留下的网页令人沮丧地无法正确地打印到纸上。

很少有网站使用打印样式表：



打印样式表极大地提高了可用性，尤其是对于内容很多的页面（例如这个页面！）



它们非常快速且易于设置



某些网站确实提供了指向该页面的打印版本的链接，但这当然需要设置和维护。它还要求用户在屏幕上注意到该链接，然后在他们打印页面的常规方式之前使用它（例如，通过选择屏幕顶部的打印按钮）。打印友好版本在同时打印多个网页时非常有用，例如跨越多个网页的文章。

来源Print stylesheet - the definitive guide

如何在Firefox上打印条码39

1 个答案: