Barcode Web Fonts
Barcode Web Fonts (part of the ConnectCode Barcode Fonts package) solution provides the full solution to help users create barcodes on their webpages easily and quickly. The web fonts are downloaded to the users client machines automatically and different types of barcodes (that adhere strictly to the industry specifications) are generated using Javascript or jQuery.
The Barcode Web Fonts uses a CSS @font-face selector to generate the barcodes.
Why Barcode Web Fonts?
ConnectCode Barcode Web Fonts is based on the true-type barcode font engine that has been proven in many fortune 500 companies. The font engine has passed numerous audits and barcode verification tests. The Barcode Web Fonts combines the true-type barcode font engine with the latest web technologies that complies with the World Wide Web Consortium (W3C) standards. This allows users to create barcodes in the web using fonts instead of images.
Using a barcode web font is efficient as it only requires a single font to be downloaded to the browser and is able to generate multiple barcodes thereafter. Barcode fonts also raster to the output device and are not limited to DPI (Dots per Inch) of the computer screen. The versatility of a barcode font also makes it a popular solution for integrating with existing enterprise projects as it neither depends heavily on the programming environment nor requires intensive graphics operations. Instead, a slight manipulation of existing text is usually sufficient to produce robust and scannable barcodes.
Generating the Barcodes
Customizing the Barcodes
ConnectCode Barcode Web Fonts internally uses the @font-face CSS font selector as shown in the HTML headers below. In Internet Explorer, the selector uses Embedded OpenType (eot) files while on other browsers it uses True Type fonts (ttf).
Complete details on customizing the barcode web fonts.
<head>
<STYLE TYPE="text/css" media="screen,print">
@font-face {
font-family: CCodeCodabar_S3_Trial;
src: url("fonts/ConnectCodeCodabar_S3_Trial.eot");
src: local("CCodeCodabar_S3_Trial"),
url("fonts/ConnectCodeCodabar_S3_Trial.ttf")
format("truetype");
}
.barcode
{font-weight: normal;
font-style: normal;
line-height:normal;
font-family: 'CCodeCodabar_S3_Trial',
sans-serif; font-size: 32px}
</STYLE>
</head>
</body>
<div class=barcode>A123456A</div>
</body>
The script below shows how to use Javascript to validate the data and transform the data into barcode characters.
<script type="text/javascript">
function get_object(id) {
var object = null;
if (document.layers) {
object = document.layers[id];
} else if (document.all) {
object = document.all[id];
} else if (document.getElementById) {
object = document.getElementById(id);
}
return object;
}
get_object("barcode").innerHTML=
ConnectCode_Encode_CodeCodabar(
get_object("barcode").innerHTML
);
</script>
The script below shows how to use jQuery to validate the data and transform the data into barcode characters.
<script type="text/javascript">
(document).ready(function() {
jQuery('.barcode').Encode_Codabar();
});
</script>
Supported Browsers
ConnectCode Certified
- Internet Explorer 6
- Internet Explorer 7
- Internet Explorer 8
- Internet Explorer 9
Please note that we currently only provide technical support for the above-mentioned browsers. If your applications run on Internet Explorer today, you know you can immediately adopt our Barcode Web Fonts solution and be getting the full support from us.
Pending Certification (These browsers will be certified in upcoming versions of ConnectCode Barcode Web Fonts)
- Safari 5+
- Opera 10+
- Google Chrome 4+
- Firefox 3.55+
It is important to note that the entire solution has been designed from bottom-up to run on multiple platforms and browsers. Though the above-mentioned browsers are pending certification, you will be able to see the barcode web fonts displaying properly in them. However we do not provide technical support to browsers pending certification.
|
