Существует несколько форматов штрих-кода. Некоторые из них простые, а некоторые могут быть очень сложными. Один из самых простых в использовании, если он подходит вашему приложению, - это штрих-код 3 из 9. Он не сжат, и в штрих-коде есть отношение 1 к 1 символам. Есть два варианта этого, только числовой и расширенный набор, который включает в себя альфа. Я продолжу с предположением, что вы можете использовать этот формат. (Из вашего примера кода, похоже, это то, что вы используете). Для простейшей реализации придерживайтесь только цифры. Тогда вам потребуется только одиннадцать символов (0-9 и астрик). Посмотрите на определение существующего шрифта 3 из 9. (Для некоммерческого использования найдите шрифт FREE3OF9. Вы можете использовать его в качестве основы для своего приложения ...)
Далее утомительная часть - больше работы для вас сразу, но отображается практически в любом браузере. Если вы не можете найти онлайн, создайте GIF (или BMP или PNG) изображение для каждого символа. (Помните, чтобы добавить правильное пустое пространство на правой стороне символа, чтобы дистанцировать его от следующего символа в строке!) Он должен иметь высоту всего один пиксель. Когда придет время отображать штрих-код, объедините символы в символы <IMG>, которые находятся рядом друг с другом. 3 из 9 требует, чтобы символы в штрих-коде были окружены или обернуты звездочкой (в любом случае это астриск шрифтом FREE3OF9) на каждом конце. Установите высоту <IMG> на что-нибудь достаточно высокое, чтобы соответствовать распечатке.
Таким образом, установка шрифта на клиенте не требуется, но большинство декодеров штрих-кода могут считывать полученную графику.
Ваш пример (*574656*) может выглядеть так:
(ну, не совсем так - это сплошная графика вместо композиции из нескольких встроенных отдельных графических объектов, но вы поняли идею)
Отдельная цифровая графика выглядит следующим образом:
(хотя они еще не "вычищены")
* 
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>
Я использовал SearchFreeFonts.com в качестве ресурса, чтобы освежить мою память о том, как были отформатированы 3 из 9 символов штрих-кода. Эта графика изначально с этого сайта.