以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 Dot NET,C#,ASP,VB 』  (http://bbs.xml.org.cn/list.asp?boardid=43)
----  如何在HTML中使用WOFF条码网页字体[转帖]  (http://bbs.xml.org.cn/dispbbs.asp?boardid=43&rootid=&id=127061)


--  作者:乌龟爱上兔子
--  发布时间:9/3/2013 11:28:00 AM

--  如何在HTML中使用WOFF条码网页字体[转帖]
本文转自:慧都控件网 evget.com

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(http://www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff);
    }
    -->
    </STYLE>

引用字体:<font face="IDAutomationHC39M">(WOFF-FONT)</font>

实施域名限制,字体在浏览器里出现。

按照上述方法,浏览器里就会出现如下条码,如果没有,则表明你的浏览器不支持WOFF条码字体。


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
6,593.750ms