Webseiten und Barcode-Schriften
Ich arbeite an einer kleinen App, wo ich eine Liste von Barcodes erstellen kann. Ich habe die richtigen Schriftarten auf meinem Computer installiert. Im Moment drucke ich sie direkt auf eine Webseite und es funktioniert in Chrome und IE 7, aber nicht in Firefox. Weiß jemand, was Firefox anders machen würde als IE und Chrome?
Hier ist mein Code:
%Vor%BEARBEITEN: Ich hätte wahrscheinlich erwähnen sollen, dass dies im Moment eher ein persönliches Projekt ist und nicht zur Veröffentlichung in der Welt gedacht ist. Während ich eine Lösung nehmen werde, die funktioniert, würde ich etwas mögen, das Javascript / Flash / etc nicht einschließt.
8 Antworten
Eine einfachere Lösung könnte sein, Images serverseitig zu generieren, um die Barcodes zu erzeugen. Auf diese Weise müssen Sie sich nicht darauf verlassen, dass der Benutzer eine Schriftart installiert und Sie nicht auf die Schriftart in Ihrem HTML-Code zugreifen müssen.
Es gibt verschiedene Barcode-Formate. Einige sind einfach und manche können sehr komplex werden. Einer der am einfachsten zu verwendenden, wenn er zu Ihrer Anwendung passt, ist der 3 von 9 Barcode. Es ist nicht komprimiert und es gibt eine 1: 1-Beziehung zu den Zeichen im Barcode. Es gibt zwei Varianten davon, nur numerische und die erweiterte Menge, die Alpha enthält. Ich werde mit der Annahme fortfahren, dass Sie dieses Format verwenden können. (Aus Ihrem Beispielcode sieht es so aus, als ob Sie es verwenden würden.) Für die einfachste Implementierung bleiben Sie nur mit dem Zahlencode. Dann benötigen Sie nur elf Zeichen (0-9 und die astrisk). Sehen Sie sich die Definition einer vorhandenen 3 von 9 Schriftart an. (Für nichtkommerzielle Zwecke suchen Sie nach einer Schriftart namens FREE3OF9. Sie können diese als Basis für Ihre App verwenden ...)
Als nächstes, der mühsame Teil - mehr Arbeit für Sie im Voraus, aber in fast jedem Browser angezeigt. Wenn Sie keine Online finden können, erstellen Sie ein GIF- (oder BMP- oder PNG-) Bild für jedes Zeichen. (Denken Sie daran, den richtigen Leerraum auf der rechten Seite des Zeichens einzufügen, um ihn von der nächsten Zeichenkette zu trennen!) Er muss nur ein Pixel hoch sein. Wenn die Zeit gekommen ist, den Barcode anzuzeigen, string die Zeichen zusammen als <IMG> , die nebeneinander sind. 3 von 9 erfordert, dass die Zeichen im Barcode an jedem Ende von einem astrisk umgeben oder umhüllt sind (es ist sowieso der astrisk in der Schriftart FREE3OF9). Stellen Sie die Höhe von <IMG> auf einen Wert ein, der groß genug für Ihren Ausdruck ist.
Auf diese Weise ist keine Schrifteninstallation auf dem Client erforderlich, aber die meisten Barcode-Decoder können die resultierende Grafik lesen.
Ihr Beispiel ( *574656* ) könnte so aussehen:
574656 http://img390.imageshack.us/img390/9168/574656vx9.png
(naja, nicht genau so - es ist eine solide Grafik anstelle einer Komposition aus mehreren einzelnen Inline-Grafiken, aber Sie bekommen die Idee)
Die einzelnen numerischen Grafiken sehen so aus: (obwohl diese noch nicht "aufgeräumt" sind)
* 
0 0 http://img390.imageshack.us/img390/9618/3o9bc_0.png
1 1 http://img390.imageshack.us/img390/4474/3o9bc_1.png
2 2 http://img390.imageshack.us/img390/4571/3o9bc_2.png
3 3 http://img390.imageshack.us/img390/4702/3o9bc_3.png
4 4 http://img390.imageshack.us/img390/8272/3o9bc_4.png
5 5 http://img390.imageshack.us/img390/9127/3o9bc_5.png
6 6 http://img390.imageshack.us/img390/3672/3o9bc_6.png
7 7 http://img390.imageshack.us/img390/7348/3o9bc_7.png
8 8 http://img390.imageshack.us/img390/2807/3o9bc_8.png
9 9 http://img390.imageshack.us/img390/2862/3o9bc_9.png
und die Codeänderungen könnten wie folgt aussehen:
%Vor%Ich habe SearchFreeFonts.com als Ressource verwendet, um meinen Speicher zu aktualisieren, wie 3 von 9 Barcode-Zeichen formatiert wurden. Diese Grafiken stammen ursprünglich von dieser Site.
Die Mozilla-Entwickler haben die Wahl getroffen, dass Symbolschriften nicht funktionieren. Sie können sie in der Konfiguration aktivieren, wie in Symbolschriften zum Arbeiten in Mozilla Firefox
beschriebenDie Verwendung von nicht standardmäßigen Schriftarten auf Webseiten ist ein großer Schmerz in den Arsch. Um es einfacher zu machen, können Sie sIFR oder das neue verwenden typeface.js .
Bearbeiten: Dies war vor 4 Jahren gültig, als es veröffentlicht wurde, aber nicht mehr ist. Ich überlasse es hier der Nachwelt, aber nimm es nicht als richtige Antwort.
Wir haben das gleiche Problem in meiner Firma. Glücklicherweise müssen nur 1-2 Personen die Barcode-Schriften verwenden.
Wir haben festgestellt, dass die Fonts, wenn sie einen neuen PC erhalten haben, über keine Browser funktionieren. Sie mussten eine Client-Anwendung (wie Word) öffnen, eine Barcode-Schriftart wählen und etwas tippen, um diese Schriftart zu "initialisieren".
Die beste Lösung, denke ich, besteht darin, auf Anforderung ein Barcodebild auf dem Server zu erstellen. Das Problem mit dieser Lösung könnte sein, alte Bilder zu bereinigen. Diese Lösung erfordert mehr Arbeit im Voraus, zahlt sich aber mit weniger laufenden Problemen und Wartung aus als die Client-seitige Lösung, meiner Meinung nach.
Schriften neigen dazu, Probleme zu haben, da das Rendern vom Browser abhängig ist. Das Bild ist besser. Ich benutze Morovia Barcode Active Lite , um Barcodes von IIS zu erstellen.
Mach einfach folgendes: Ссылка David hat eine sehr einfache Möglichkeit geschaffen, Barcodes zu implementieren. Sie benötigen die in MySQL laufende GD-Bibliothek. (MAMP & amp; LAMP sollte bereits installiert haben)
Tags und Links css barcode cross-browser fonts xhtml