如何在HTML中使用WOFF条码网页字体

WOFF是万维网联盟（W3C）推荐的一种网页字体格式，它能同时兼容包括最新版的IE、火狐、谷歌、苹果以及Opera等众多浏览器。网页字体使得网站相关人员可以建立以网站为基础的一些应用，比如条码、MICR和OCR等而不需要在终端机器上安装相关字体。由于条码字体的灵活性，其在网页中的使用频率更加频繁。

IDAutomation旗 下的条码字体包都包括WOFF字体格式，同时还包括EOT和SVG字体以兼容老版的浏览器。如何将这些条码字体使用到网页里面去？首先需要注意的一点是： 网页字体在用户浏览网页时自动下载，当其离开网页后又自动丢弃，所以这些字体不能用作其他任何用途。下面就教大家如何在HTML里使用WOFF条码字体格式：

1. 把字体上传到你的CSS文件夹里或者是相同的目录下。包括IE、火狐在内的大多数浏览器都要求字体所在的域名是他们所托管的。

2. 在CSS @font-face declaration里用完整的URL对应具体的字体文件的形式来定义字体，如下：

   1 2 3 4 5 6 7 8

   <STYLETYPE="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. 引用字体：

   1	<font face="IDAutomationHC39M">(WOFF-FONT)</font>

4. 实施域名限制，字体在浏览器里出现。
5. 按照上述方法，浏览器里就会出现如下条码，如果没有，则表明你的浏览器不支持WOFF条码字体。