Matteo Moro » barcode http://www.matteomoro.net Chi non ride mai non è una persona seria Sun, 25 Jul 2010 08:34:09 +0000 en hourly 1 http://wordpress.org/?v=3.0 Quale tecnica cross-browser per usare i font installati sul client? http://www.matteomoro.net/2009/02/17/quale-tecnica-cross-browser-per-usare-i-font-installati-sul-client/ http://www.matteomoro.net/2009/02/17/quale-tecnica-cross-browser-per-usare-i-font-installati-sul-client/#comments Tue, 17 Feb 2009 06:00:43 +0000 Matteo http://www.matteomoro.net/?p=3310 Dopo gli esperimenti di ieri con i font Truetype per rappresentare barcode in formato EAN-13, è arrivato il momento di visualizzare il risultato in una pagina web. Banalmente, supponendo che il font sia installato sul sistema client, ho scritto qualche (pessima) riga di HTML/CSS per iniziare a fare delle prove, ma ho avuto dei problemi: non tutti i browser che ho provato usano il font corretto.

Il risultato dovrebbe essere la rappresentazione grafica del codice “1234567890123″, ma non è stato così con tutti i browser. Il codice (sempliciotto) che ho usato è questo:

<html>
<head>
<style type=”text/css”>
.barcode { font-family: “Code EAN13″; font-size: 3em; }
</style>
</head>
<body>
<span class=”barcode”>1CDOFQR*ijabcd+</span>
</body>
</html>

Risultati della prova

  • OK: Firefox/Linux, Opera/Linux, Epiphany/Linux, IE6/Win, IE7/Win, Chrome/Win, Safari/Win
  • NO: Firefox/Win, Opera/Win

Non ho avuto occasione di fare prove su un Mac, ma il fatto che la versione Windows di Firefox non si comporti come mi sarei aspettato mi inquieta.

Datemi qualche consiglio!

Chiedo dunque consiglio ai webdesigner in ascolto su una tecnica cross-browser per usare senza grossi scazzi un font presente sul client, ammesso e non concesso che esista. In alternativa, andrebbe bene anche qualcosa che permetta di integrare un font Truetype nella pagina web o nel foglio di stile (a patto che sia cross-browser).

Male che vada potrei usare una classe PHP che generi l’immagine del barcode che mi serve, ma mi sembra una soluzione veramente poco elegante… :-P


Ti è piaciuto l'articolo, eh? OFFRIMI UNA BIRRA! (è sufficiente essere iscritti a Paypal o avere una carta di credito, anche Postepay)

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare l'articolo anche qui, gli articoli precedenti qui.
]]> http://www.matteomoro.net/2009/02/17/quale-tecnica-cross-browser-per-usare-i-font-installati-sul-client/feed/ 23 Creare barcode EAN-13 senza usare macro con Openoffice Calc (e anche con Excel, dai) http://www.matteomoro.net/2009/02/16/creare-barcode-ean-13-senza-usare-macro-con-openoffice-calc-e-anche-con-excel-dai/ http://www.matteomoro.net/2009/02/16/creare-barcode-ean-13-senza-usare-macro-con-openoffice-calc-e-anche-con-excel-dai/#comments Mon, 16 Feb 2009 06:00:02 +0000 Matteo http://www.matteomoro.net/?p=3289 Ultimamente, sul lavoro, mi è capitato di dover inserire codici a barre (in formato EAN-13) all’interno di fogli di calcolo, partendo dal codice che il barcode rappresenta.

La soluzione più semplice (e interoperabile, mi interessa che funzioni senza intoppi sia con OpenOffice che con Excel) è quella di usare un font che rappresenti il codice a barre. Siccome però la codifica dell’EAN non è 1-1 fra cifra e sequenza di barre-spazi, non basta inserire il codice e visualizzarlo con il font corretto: è necessario passare dal codice iniziale a una stringa che, visualizzata con il font EAN-13, rappresenti il codice a barre corretto.

La documentazione è abbondante, ma i font Truetype per rappresentare codici a barre sono per la maggior parte a pagamento: fortunatamente sono riuscito a trovare un francese che distribuisce gratuitamente un font di questo tipo, oltre a molte informazioni utili sul suo utilizzo.

Esempio

Non avendo particolare simpatia per le macro (e vorrei evitare problemi di compatibilità), ho preferito realizzare qualche formula per visualizzare il barcode a partire dal codice. Il risultato è probabilmente meno elegante, ma per i miei scopi è una soluzione migliore.

Grazie ai suggerimenti di Angelo, adesso i file funzionano correttamente anche con Excel 2002.

Installare un font Truetype

Esistono molte guide per l’installazione di un font Truetype in un sistema Ubuntu. Se usi un’altra distribuzione il procedimento sarà simile e su Google puoi trovare tonnellate di documentazione dettagliata. Per Windows, è sufficiente copiare il file TTF nella cartella C:\WINDOWS\FONTS (o C:\WINNT\FONTS).

E per i barcode EAN-8?

Poco tempo dopo la pubblicazione del post, Augusto mi ha inviato una soluzione anche per i barcode EAN-8. Lo ringrazio molto e pubblico il file: in questo caso, purtroppo, i font necessari non sono disponibili liberamente ma vanno acquistati.

Se conoscete font EAN-8 da scaricare gratuitamente, fatemelo sapere e provvederò volentieri a pubblicarli.


Ti è piaciuto l'articolo, eh? OFFRIMI UNA BIRRA! (è sufficiente essere iscritti a Paypal o avere una carta di credito, anche Postepay)

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare l'articolo anche qui, gli articoli precedenti qui.
]]> http://www.matteomoro.net/2009/02/16/creare-barcode-ean-13-senza-usare-macro-con-openoffice-calc-e-anche-con-excel-dai/feed/ 39