我正在开发一个小型应用程序，可以在其中生成条形码列表。我的计算机上安装了正确的字体。现在我将它们直接打印到网页上，它在 Chrome 和 IE 7 中正常工作，但在 Firefox 中不行。有谁知道 Firefox 与 IE 和 Chrome 的做法有何不同？
这是我的代码：
<html>
<head>
<title>Barcode Font Test</title>
<style type="text/css" media="screen">
.barcode { font-family: "wasp 39 m", verdana, calibri; font-size: 36pt; }
</style>
</head>
<body>
<div class="barcode">*574656*</div>
</body>
</html>
EDIT:我可能应该提到，目前这更多的是一个个人项目，并不打算向全世界发布。虽然我会采用一个可行的解决方案，但我想要一些不涉及 Javascript/Flash/等的解决方案。
有多种条形码格式。有些很简单，有些可能会变得非常复杂。如果适合您的应用，最容易使用的条形码之一是 3 of 9 条形码。它没有被压缩，并且与条形码中的字符存在 1 对 1 的关系。有两种变体，仅数字和包含字母的扩展集。我将假设您可以使用这种格式。 （从您的示例代码来看，这看起来就是您正在使用的）对于最简单的实现，请仅使用数字。然后，您只需要十一个字符（0-9 和星号）。查看现有 3 of 9 字体的定义。 （对于非商业用途，请搜索名为 FREE3OF9 的字体。您可以使用它作为您的应用程序的基础...）
接下来是乏味的部分 - 需要您预先完成更多工作，但几乎会在任何浏览器中显示。如果您无法在线找到任何图像，请为每个字符创建一个 GIF（或 BMP 或 PNG）图像。 （请记住在字符右侧包含适当的空白，以使其与行中的下一个字符保持距离！）它只需要一个像素高。当需要显示条形码时，将字符串在一起，如下所示<IMG>是彼此相邻的。 3 of 9 要求条形码中的字符两端都用星号包围或包裹（无论如何，它是 FREE3OF9 字体中的星号）。设置高度<IMG>的高度足以适合您的打印输出。
这样，客户端不需要安装字体，但大多数条形码解码器都可以读取生成的图形。
Your example (*574656*) might look like this:
（嗯，不完全一样 - 它是一个实体图形，而不是几个内联单个图形的组合，但你明白了）
各个数字图形如下所示： （尽管，这些还没有“清理干净”）
* 
0 
1 
2 
3 
4 
5 
6 
7 
8 
9 
代码更改可能如下所示：
<html>
<head>
<title>Barcode Font Test</title>
</head>
<body>
<img src="3o9cb_ast.png" alt="*"/>
<img src="3o9cb_5.png" alt="5"/>
<img src="3o9cb_7.png" alt="7"/>
<img src="3o9cb_4.png" alt="4"/>
<img src="3o9cb_6.png" alt="6"/>
<img src="3o9cb_5.png" alt="5"/>
<img src="3o9cb_6.png" alt="6"/>
<img src="3o9cb_ast.png" alt="*"/>
</body>
</html>
I used 搜索自由字体.com作为刷新我对 9 个条形码字符中的 3 个如何格式化的记忆的资源。这些图形最初来自该网站。