原創|行業資訊|編輯:郝浩|2013-09-03 10:45:05.000|閱讀 1619 次
概述:條碼控件開發商IDAutomation教你如何將支持WOFF(網頁開放字體格式)的條碼字體使用到html代碼里面去。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
WOFF是萬維網聯盟(W3C)推薦的一種網頁字體格式,它能同時兼容包括最新版的IE、火狐、谷歌、蘋果以及Opera等眾多瀏覽器。網頁字體使得網站相關人員可以建立以網站為基礎的一些應用,比如條碼、MICR和OCR等而不需要在終端機器上安裝相關字體。由于條碼字體的靈活性,其在網頁中的使用頻率更加頻繁。
IDAutomation旗下的條碼字體包都包括WOFF字體格式,同時還包括EOT和SVG字體以兼容老版的瀏覽器。如何將這些條碼字體使用到網頁里面去?首先需要注意的一點是:網頁字體在用戶瀏覽網頁時自動下載,當其離開網頁后又自動丟棄,所以這些字體不能用作其他任何用途。下面就教大家如何在HTML里使用WOFF條碼字體格式:
把字體上傳到你的CSS文件夾里或者是相同的目錄下。包括IE、火狐在內的大多數瀏覽器都要求字體所在的域名是他們所托管的。
在CSS @font-face declaration里用完整的URL對應具體的字體文件的形式來定義字體,如下:
<STYLE TYPE="text/css"> <!-- /* include the idautomation.com Code39 WOFF Font -- */ @font-face { font-family: IDAutomationHC39M; src: url(//www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff); } --> </STYLE>
<font face="IDAutomationHC39M">(WOFF-FONT)</font>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網