Les pages Web et les polices de codes à barres

Je suis en train de travailler sur une petite appli où je peux générer une liste de codes à barres. J'ai les polices de caractères installées sur mon ordinateur. Maintenant je suis d'impression directement à une page web et qu'il fonctionne correctement sur Chrome et IE 7, mais pas Firefox. Personne ne sait ce que Firefox serait faire autrement que de IE et Chrome?

Voici mon code:

<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:
Je devrais probablement avoir mentionné que ce n'est plus un projet personnel en ce moment et pas destiné à être publié dans le monde. Alors je vais prendre une solution qui fonctionne, je voudrais quelque chose qui n'implique pas de Javascript/Flash/etc.

Si c'est un projet personnel, pourquoi est-il nécessaire pour le travail de la croix-navigateur?
Croix-navigateur sûrement n'est pas une nécessité. Cependant, j'primaire utilise Firefox, et ne comprenait pas pourquoi c'était le seul navigateur qui me donnait des problèmes.
Je suis tombé sur cette collection de @Font Face à de code à Barres Polices Web par barcoderesource.com auparavant.

OriginalL'auteur Ryan Rodemoyer | 2008-10-27

4

Une solution plus simple pourrait être de générer des images côté serveur pour générer des codes à barres. De cette façon, vous n'avez pas à compter sur l'utilisateur d'avoir une police installée et que vous n'avez pas accès à la police dans votre code html.

OriginalL'auteur Rune Grimstad
7

Il existe plusieurs formats de codes à barres. Certaines sont simples et certains peuvent devenir très complexes. L'un des plus faciles à utiliser, si cela correspond à votre demande, c'est le 3 de 9 code à barres. Il n'est pas compressé et il y a un 1 à 1 de rapport pour les caractères dans le code à barres. Il existe deux variantes de cette, numérique uniquement et l'ensemble étendu qui comprend alpha. Je vais aller de l'avant avec la asumption que vous pouvez utiliser ce format. (À partir de votre exemple de code, on dirait que c'est ce que vous utilisez) Pour la simple mise en œuvre, le bâton avec les chiffres seulement. Ensuite, vous aurez seulement besoin de onze caractères (de 0 à 9 et les astrisk). Regardez la définition de l'existant 3 de 9 de police. (Pour une utilisation non commerciale, recherche pour une police appelée FREE3OF9. Vous pouvez l'utiliser comme base pour votre application...)

Côté, le côté fastidieux - plus de travail pour vous à l'avant, mais affiche dans presque n'importe quel navigateur. Si vous ne pouvez pas trouver tous en ligne, crerate un GIF ou BMP ou PNG) de l'image pour chaque char. (N'oubliez pas d'inclure le bon espace blanc sur le côté droit du char à distance à partir de la prochaine char en ligne!) Il a seulement besoin d'être un pixel de haut. Lorsque vient le temps de l'affichage du code-barres, chaîne de caractères ensemble comme <IMG>'s qui sont à côté les uns des autres. 3 de 9 exige que les caractères dans le code à barres sont entourés ou enveloppé d'un astrisk (c'est le astrisk dans le FREE3OF9 de police de toute façon) à chaque extrémité. Définir la hauteur de la <IMG>'s quelque chose d'assez grand pour répondre à vos impression.

De cette façon, pas de police à l'installation chez le client, mais la plupart des décodeurs de codes à barres peut lire l'résultant graphique.

Votre exemple (*574656*) pourrait ressembler à ceci:

(enfin, pas exactement comme ça - c'est une solide graphique au lieu d'une composition de plusieurs en-ligne seule carte, mais vous voyez l'idée)

L'individu numérique graphiques ressembler à ceci:
(bien que, ce ne sont pas "nettoyé" encore)

*

0

1

2

3

4

5

6

7

8

9

et les modifications de code pourrait ressembler à ceci:
```
<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>
```
J'ai utilisé SearchFreeFonts.com comme une ressource pour me rafraîchir la mémoire de la façon dont 3 de 9 code à barres de caractères ont été mis en forme. Ces graphiques sont d'abord à partir de ce site.

OriginalL'auteur Doug L.
4

La les développeurs de Mozilla ont fait un choix de polices de symboles de ne pas travailler. Vous pouvez les activer dans la config comme décrit dans Obtenir les Polices de symboles de Travailler dans Mozilla Firefox

Cela ne semble pas fonctionner pour Firefox 3. L'auteur ne précise pas quelle version(s) de Firefox, cela fonctionne pour.

OriginalL'auteur Greg
3

À l'entreprise pour laquelle je travaille chez nous utilisons maintenant BarCode.dll de lesnikowski.com.
Il génère des images de code barres. Il ne dépend pas de savoir si ou non la police est installé sur le pc client et fonctionne avec tous les navigateurs.

Espère que cette aide.

et le lien vers ce composant est: limilabs.com/barcode

OriginalL'auteur norbertB
2

L'aide non-standard des polices de caractères sur les pages web est une grande douleur dans le cul. Pour le rendre plus facile, vous pouvez utiliser sIFR ou la nouvelle typeface.js.

Edit: C'était valable il y a 4 ans quand il a été posté, mais n'est-ce pas plus. Je vais le laisser ici pour la postérité, mais ne le prenez pas comme une réponse correcte.

C'est vrai, mais ce n'est pas le problème que rodey expériences. Il a dit qu'il a la police installée sur son ordinateur et la question de fait, il semble que les tests n'ont été effectués sur sa machine locale.
Eh bien, même avec cela étant le cas, ma réponse pourrait profiter à d'autres qui veulent une complète face publique de la solution.

OriginalL'auteur eyelidlessness
1

Nous avons le même problème dans mon entreprise. Heureusement, seulement 1 à 2 personnes jamais besoin d'utiliser les polices de codes à barres.

Nous avons constaté que lorsqu'ils ont reçu de nouveau un PC, les polices n'ont pas de travailler à travers des navigateurs. Ils avaient pour ouvrir une application client (comme Word), de choisir les polices de code à barres, et faire un peu de dactylographie pour "initialiser" que font.

La meilleure solution, je pense, est de créer une image de code à barres sur le serveur à la demande. Le problème avec cette solution pourrait être de nettoyer les anciennes images. Cette solution nécessite plus de travail à l'avant, mais ne paie avec moins de problèmes et d'entretien que le côté client de la solution, à mon avis.

OriginalL'auteur Chad Braun-Duin
1

Polices ont tendance à avoir des problèmes parce qu'il s'appuie sur le navigateur à faire le rendu. L'Image est meilleure. J'utilise Morovia Code-Barres Active Lite de créer des codes barres à partir de IIS.

un exemple de code à barres http://www.morovia.com/activex/active-demo/barcode.asp?Symbology=7&ShowHRText=1&NarrowBarWidth=20&BarHeight=750&Message=0+07+70007+07723

OriginalL'auteur
0

Viens de le faire: http://davidscotttufts.com/2009/03/31/how-to-create-barcodes-in-php/
David a créé un super-simple façon de mettre en œuvre des codes à barres. Vous aurez besoin de la bibliothèque GD cours d'exécution dans MySQL. (MAMP & LAMPE doit déjà installé)

OriginalL'auteur Richard Osenga

Vous devez vous connecter pour publier un commentaire.