如何在Firefox上打印条码39

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;}

在 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>

-谢谢

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