Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Printing a barcode font no longer works properly

more options

I have been using a true type font "3 of 9 barcode" to print mailing labels on an internal website using the following css for some time:

.barcode { font-family: "3 of 9 Barcode", Times, serif; font-size:36px; }

After upgrading to Firefox 5 it stopped working. This currently renders the font correctly on the page but when I try to print the page it uses Wingdings. This is happening on multiple computers and multiple printers. The font is installed on all the computers and I've even tried using @font-face with no success.

Screenshot of Firefox properly rendering the barcdoe font.

What happens when I try to print. In this case I printed to PDF but the same thing happens when printing to a normal printer. Printing in the latest versions of Chrome & IE9 works properly though not in Safari.

3 of 9 Barcode font

I have been using a true type font "3 of 9 barcode" to print mailing labels on an internal website using the following css for some time: .barcode { font-family: "3 of 9 Barcode", Times, serif; font-size:36px; } After upgrading to Firefox 5 it stopped working. This currently renders the font correctly on the page but when I try to print the page it uses Wingdings. This is happening on multiple computers and multiple printers. The font is installed on all the computers and I've even tried using @font-face with no success. [http://www.thomaspainerants.com/firefox_barcode_works.png Screenshot of Firefox properly rendering the barcdoe font.] [http://www.thomaspainerants.com/firefox_barcode_broken.png What happens when I try to print]. In this case I printed to PDF but the same thing happens when printing to a normal printer. Printing in the latest versions of Chrome & IE9 works properly though not in Safari. [http://www.thomaspainerants.com/3_OF_9_BARCODE.TTF 3 of 9 Barcode font]

Thomas Paine modificouno o

All Replies (5)

more options

Do you see that font in the print preview?

It works for me on Linux if I print to a PDF file.

more options

It looks fine in print preview as well. It's just when I print to printer/PDF that it's messed up.

more options

I should mention that this works in Chrome but Safari does the same thing.

I've created a simple version of the html though it requires that you install the font linked above :

<!DOCTYPE HTML> <html > <body> <span style="font-family: '3 of 9 Barcode', Times, serif; font-size:36px;">*396849*</span> </body> </html>

I've attached images of what it looks like (for me) in the browser vs. printing.

Thomas Paine modificouno o

more options

I have this problem as well, worked fine in v3. I have barcode font installed called "IDAutomationHC39M" on the server using @face-font. When I do a print preview I do not see the font and the font does not print on print out. Works fine in IE8 and Chrome.

/Martin

more options

Abandon all hope yee who enter this thread. Abandon hope for mozilla fixing the issue that is. I went with a jQuery based bmp generator. It's pretty easy to implement and has worked well for me.

download: http://code.google.com/p/jquery-barcode/downloads/detail?name=jquery.barcode.0.3.js&can=2&q=

demo : http://jquery-barcode.googlecode.com/svn/trunk/jquery-barcode/demo/demo.html

Implementation:

Put these includes in your header:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.barcode.0.3.js"></script>


Everything that needs to be a barcode should have the same class. I chose "barcode39".

<span class="barcode39">405479</span>

<span class="barcode39">405339</span>

<span class="barcode39">405341</span>

Then run this script at the bottom:

<script> $('.barcode39') .barcode({code:'code39'}); </script>