欧美日韩卡1,天天综合网永久入口,在线免费

如何在HTML中使用WOFF條碼網頁字體

原創|行業資訊|編輯：郝浩|2013-09-03 10:45:05.000|閱讀 1619 次

概述：條碼控件開發商IDAutomation教你如何將支持WOFF（網頁開放字體格式）的條碼字體使用到html代碼里面去。

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>

實施域名限制，字體在瀏覽器里出現。
按照上述方法，瀏覽器里就會出現如下條碼，如果沒有，則表明你的瀏覽器不支持WOFF條碼字體。

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：慧都控件網

上一篇：2013年儀表盤開發設計趨勢總結分析(二) 下一篇：EV3DVue干涉檢測的優勢分析

相關產品

控件

產品功能：條形碼

源碼：非開源

產品編號：12192

當前版本：v2016 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： IDAutomation

正式授權

">QR-Code Barcode Font & Encoder

該產品是一個組件集合，可以使用字體和圖形生成QR-Code條形碼符號。

最新文章 MORE

金喜正規買球相關的文章 MORE

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

如何在HTML中使用WOFF條碼網頁字體

用科技創就卓越

Create excellence with technology

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

如何在HTML中使用WOFF條碼網頁字體

為你推薦

用科技創就卓越

Create excellence with technology