WOFF Barcode Web Fonts

  • Easily generate web-based barcodes with WOFF fonts.
  • Compatible with many report web viewers and browsers including IE, Firefox, Chrome, Opera & Safari.
  • May be used with HTML5, CSS, and JavaScript to enable dynamic barcode generation. Example
  • Included with the purchase of any Developer License to any font package.
  • Linear 1D and 2D barcode types are supported including Code 128, GS1-128, Code 39, ITF, USPS IMb, UPC, EAN, DataBar, PDF417, Data Matrix, GS1-DataMatrix & QR Code.
  • OCR-A, OCR-B, and MICR are also supported.
  • EOT and SVG barcode font formats are also included.

Index:

Barcode Fonts Test Page

Overview

The Web Open Font Format (WOFF) is a web font format that is compatible with multiple web browsers and web viewers, including the latest versions of IE, Firefox, Chrome, Opera, and Safari. It became a World Wide Web Consortium (W3C) Recommendation in December 2012. With a Developer License purchase, IDAutomation fonts may be used according to section 6 of the IDAutomation Software License Agreement, provided that domain restrictions are enabled for the fonts. Purchases of Developer Licenses made prior to 2014 may receive the WOFF fonts with an active support agreement to the corresponding product.

To enable support of web fonts on older browsers, other font types such as EOT (embedded opentype) and SVG are also provided and may be included in CSS. Generally, EOT fonts work on older versions of IE, and SVG fonts work on older versions of Safari on the iPhone and iPad. The Web Font Testing page attempts to display WOFF, EOT, and SVG barcode fonts separately for testing purposes. IDAutomation also provides a CSS @font-face declaration that includes multiple web fonts with a single reference to the font family.

How to use WOFF Web Fonts in CSS and HTML

Web fonts are downloaded by the browser and discarded after use, so the fonts cannot be used for anything else. The following steps allow an easy implementation in CSS and HTML:

  1. Upload the fonts to your website in or near the same directory as your CSS files. Most browsers, including IE and Firefox, require the fonts to be used solely on the domain they are hosted on.
  2. Define the font in the CSS @font-face declaration with the complete URL to the font file:
    <STYLE TYPE="text/css">
    <!-- /* include the idautomation.com Code39 WOFF Font -- */
    @font-face { 
    font-family: IDAutomationHC39M;	 
    src: url(https://www.yourdomain.com/woff-web-fonts/IDAutomationHC39M.woff);
    }
    -->
    </STYLE> 
  3. Reference the font where it is to be used:
    <p style="font-size:16pt ; font-family: IDAutomationHC39M">(WOFF_FONT)</p>
  4. Implement domain restrictions and verify the font appears in the browser.
  5. The barcode generated below is the outcome of the implementation described above.


(WOFF_FONT)


To investigate other methods of generating barcodes on the web that do not use fonts, visit the Internet & Web Page Barcode Implementation FAQ.

Related Information