條碼控制項開發商IDAutomation教你如何將支援WOFF（網頁開放字型格式）的條碼字型使用到html代碼裡面去。

WOFF是全球資訊網聯盟W3C）推薦的一種網頁字型格式，它能同時相容包括最新版的IE、Firefox、Google、蘋果以及Opera等眾多瀏覽器。網頁字型使得網站相關人員可以建立以網站為基礎的一些應用，比如條碼、MICR和OCR等而不需要在終端機器上安裝相關字型。而由於條碼字型的靈活性，其在網頁中的使用頻率更加頻繁。

IDAutomation旗下的條碼字型包都包括WOFF字型格式，同時還包括EOT和SVG字型以相容老版的瀏覽器。如何將這些條碼字型使用到網頁裡面去？首先需要注意的一點是：網頁字型在使用者瀏覽網頁時自動下載，當其離開網頁後又自動丟棄，所以這些字型不能用作其他任何用途。下面就教大家如何在HTML裡使用WOFF條碼字型格式：

1. 把字型上傳到你的CSS檔案夾裡或者是相同的目錄下。包括IE、Firefox在內的大多數瀏覽器都要求字型所在的網域名稱是他們所託管的。

2. 在CSS @font-face declaration裡用完整的URL對應具體的字型檔的形式來定義字型，如下：

   <STYLE TYPE="text/css">    <!-- /* include the idautomation.com Code39 WOFF Font -- */    @font-face {    font-family: IDAutomationHC39M;      url(http: //www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff);    }    -->    </STYLE>

3. 引用字型：

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

   
   

4. 實施網域名稱限制，字型在瀏覽器裡出現。

5. 按照上述方法，瀏覽器裡就會出現如下條碼，如果沒有，則表明你的瀏覽器不支援WOFF條碼字型。

本文出自 “條碼技術” 部落格，請務必保留此出處http://7805785.blog.51cto.com/7795785/1287748