Two Font Family doesn't work

[Mekazama]

I have a text field for barcode and I also put a CSS on the header to format the text on the page..

<div><style>
FONT {font-family:Verdana,IDAutomationHC39M; font-size:8pt}
TABLE {border:0px;border-collapse:collapse;padding:1px}
TH {background-color:#3F3FFD;padding-right:8px; padding-left:8px}
TD {font-family:Verdana; font-size:10pt;}
</style></div>

but when I open the page on the web browser.. it will override the font type for the barcode and it will change to Verdana..I already tried to used <Div class> to seperate two different font but still not works.Any help?

By the way, the font type used for the barcode is IDAutomationHC39M.

[Setek]

Hi Mekazama,

If you want the 'IDAutomationHC39M' font to appear first, you will have to put it at the most specific end of the list - the beginning.

You should be doing something like this:

span.barcode { font-family: IDAutomationHC39M, Verdana, Arial, Helvetica, sans-serif; }

With this:

<span class="barcode">9 8723 434989 1</span>

Which means "find me this font: 'IDAutomationHC39M' on the user's system, but if you can't, use Verdana, if you can't find that, use Arial...' etc etc.

By the way, the thing about fonts is that the user has to have that particular font for it to display - otherwise it changes to the next best font in your list. I doubt most users will have that 'IDAutomationHC39M' font, so you're probably going to have most users looking at it in Verdana.

Also, if you're using the

<font>

element, which does something like this:

<font face="Verdana">9 8723 434989 1</font>

Your CSS defined to change the font will not work - because the inline attribute of

face

overrides it. So I converted it to a

<span>

for you.

However, seeing what you're after, I think you're better of using an image (to get the look you're after,) or if this is about dynamically printing barcodes for ticketing systems then you might want to invest in some research into sIFR - Scalable Inman Flash Replacement (Google sifr.)

However I've found with sIFR, the more complex the positioning of what you want to sIFR, the more problems you will have with the javascript package.

[Mekazama]

Thanks setek.. now I managed to see the barcode as I run the page on the browser by using your method.Many many thanks again.