gpt4 book ai didi

css - 网页和条形码字体

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:38 28 4
gpt4 key购买 nike

我正在开发一个可以生成条形码列表的小应用程序。我的电脑上安装了正确的字体。现在我将它们直接打印到网页上,它在 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>

编辑:我可能应该提到,目前这更像是一个个人元素,并不打算向全世界发布。虽然我会采用可行的解决方案,但我想要一些不涉及 Javascript/Flash/等的解决方案。

最佳答案

有几种条形码格式。有些很简单,有些会变得非常复杂。如果适合您的应用,最容易使用的一种是 3 of 9 条码。它未被压缩,并且与条形码中的字符存在 1 对 1 的关系。这有两个变体,仅数字和包含 alpha 的扩展集。我将继续假设您可以使用这种格式。 (从您的示例代码看来,这就是您正在使用的)对于最简单的实现,请仅使用数字。然后,您只需要十一个字符(0-9 和星号)。查看现有 3 of 9 字体的定义。 (对于非商业用途,搜索名为 FREE3OF9 的字体。您可以将其用作您应用程序的基础...)

接下来是单调乏味的部分 - 需要为您预先完成更多工作,但几乎可以在任何浏览器中显示。如果您无法在线找到任何内容,请为每个字符创建一个 GIF(或 BMP 或 PNG)图像。 (记住在字符的右侧包含适当的空白,以使其与一行中的下一个字符保持距离!)它只需要一个像素高。当需要显示条形码时,将字符串在一起作为 <IMG>是彼此相邻的。 3 of 9 要求条形码中的字符在每一端都用星号包围或包裹(无论如何它是 FREE3OF9 字体中的星号)。设置 <IMG> 的高度的高度足以适合您的打印输出。

这样,客户端不需要安装字体,但大多数条码解码器都可以读取生成的图形。

您的示例 ( *574656*) 可能如下所示: 574656

(好吧,不完全是那样 - 它是一个实体图形,而不是几个内联单个图形的组合,但你明白了)

单个数字图形如下所示:(虽然,这些还没有“清理”)

* *

0 0

1 1

2 2

3 3

4 4

5 5

6 6

7 7

8 8

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

我用了SearchFreeFonts.com作为一种资源来刷新我对 9 个条形码字符中的 3 个是如何格式化的内存。这些图形最初来自该站点。

关于css - 网页和条形码字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/240948/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com