IDAutomation.com, Inc., Computers Hardware, Software & Services, Tampa, FL Contact IDAutomationView your cart in the IDAutomation Store  
Loading

IDAutomation will be closed November 27th & 28th for Thanksgiving.

WOFF Barcode Web Fonts

The Web Open Font Format (WOFF) is a web font format that is compatible with multiple web browsers, including the latest versions of IE, Firefox, Chrome, Opera and Safari. It became a World Wide Web Consortium (W3C) Recommendation in December 2012. Web fonts allow webmasters to create web-based applications that include barcode, MICR and OCR typefaces without the need to install the fonts on the destination machine. With a Developer License purchase, IDAutomation fonts may be used in HTML, web pages and applications according to section 6 of the IDAutomation Software License Agreement, provided that domain restrictions are enabled for the fonts.

IDAutomation provides WOFF fonts, in addition to EOT and SVG fonts for compatibility with older browsers, in any purchased Developer License or above font package or an active support agreement to the font package.

WOFF Barcode Fonts

Tutorial: How to use WOFF Web Fonts in HTML

Web fonts are downloaded by the browser and discarded after the user leaves the web page, so the fonts cannot be used for anything else. The following steps allow an easy implementation:

  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 actual font file:
    <STYLE TYPE="text/css">
    	<!-- /* include the idautomation.com Code39 WOFF Font -- */
    	@font-face { 
    	font-family: IDAutomationHC39M;	 
    	src: url(http://www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff);
    	}
    	-->
    	</STYLE> 
  3. Reference the font where it is to be used:
    <font face="IDAutomationHC39M">(WOFF-FONT)</font>
  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. If the barcode does not appear below, the browser you are using may not be compatible with WOFF fonts.

 

(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.

To enable support of web fonts on older browsers, other font types such as EOT (embedded opentype) and SVG 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.

 © Copyright 2014 IDAutomation.com, Inc., All Rights Reserved. Legal Notices.

 Barcode Fonts | Components | Scanners | Support | Contact Us
Training Videos on YouTube Join us on Google Plus Join us on LinkedIn Follow us on Twitter Like us on Facebook
Over 70% of Fortune 100 companies use IDAutomation's products to automate their businesses.