Existen varios formatos de códigos de barras. Algunos son simples y otros pueden ser muy complejos. Uno de los más fáciles de usar, si se ajusta a su aplicación, es el código de barras 3 de 9. No está comprimido y hay una relación 1 a 1 con los caracteres en el código de barras. Hay dos variantes de esto, numéricas solamente y el conjunto extendido que incluye alfa. Voy a seguir adelante con el supuesto de que puede usar este formato. (A partir de su código de muestra, parece que eso es lo que está usando). Para la implementación más fácil, solo use el numérico. Entonces, solo necesitarás once caracteres (0-9 y astrisk). Mire la definición de una fuente 3 de 9 existente. (Para uso no comercial, busque una fuente llamada FREE3OF9. Puede usarla como base para su aplicación ...)
A continuación, la parte tediosa: más trabajo para usted pero muestra en casi cualquier navegador . Si no puede encontrar ninguno en línea, cree una imagen GIF (o BMP o PNG) para cada char. (¡Recuerde incluir el espacio en blanco adecuado en el lado derecho del dibujo para alejarlo del siguiente carácter en línea!) Solo necesita tener un pixel de alto. Cuando llegue el momento de mostrar el código de barras, encadene los caracteres como <IMG> que están uno al lado del otro. 3 de 9 requiere que los caracteres en el código de barras estén rodeados o envueltos con un astrisk (de todos modos, es el astrágalo de la fuente FREE3OF9) en cada extremo. Establezca la altura de <IMG> en algo lo suficientemente alto como para adaptarse a su impresión.
De esta forma, no se requiere la instalación de fuentes en el cliente, pero la mayoría de los decodificadores de códigos de barras pueden leer el gráfico resultante.
Su ejemplo (*574656*) podría tener este aspecto: 574656 http://img390.imageshack.us/img390/9168/574656vx9.png
(bueno, no exactamente de esa manera - es un gráfico sólido en lugar de una composición de varios gráficos individuales en línea, pero se entiende la idea)
Los gráficos numéricos individuales se ven así: (aunque, éstos no se "limpiaron" todavía)
*
00 http://img390.imageshack.us/img390/9618/3o9bc_0.png
11 http://img390.imageshack.us/img390/4474/3o9bc_1.png
22 http://img390.imageshack.us/img390/4571/3o9bc_2.png
33 http://img390.imageshack.us/img390/4702/3o9bc_3.png
44 http://img390.imageshack.us/img390/8272/3o9bc_4.png
55 http://img390.imageshack.us/img390/9127/3o9bc_5.png
66 http://img390.imageshack.us/img390/3672/3o9bc_6.png
77 http://img390.imageshack.us/img390/7348/3o9bc_7.png
88 http://img390.imageshack.us/img390/2807/3o9bc_8.png
99 http://img390.imageshack.us/img390/2862/3o9bc_9.png
y los cambios en el código podría tener este aspecto:
<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>
que utilizan SearchFreeFonts.com como un recurso para refrescar mi memoria de cómo se formatean 3 de 9 caracteres de código de barras. Estos gráficos son inicialmente de ese sitio.
Si se trata de un proyecto personal, ¿por qué necesita trabajar con varios navegadores? – eyelidlessness
Cross-browser seguramente no es una necesidad. Sin embargo, utilicé Firefox principalmente y no entendí por qué ese era el único navegador que me estaba dando problemas. –
Me encontré con esta colección de [@Font Face Barcode Web Fonts] (http://www.barcoderesource.com/barcodewebfont.shtml) anteriormente en http://www.barcoderesource.com. –