彩票走势图

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

原创|行业资讯|编辑:郝浩|2013-09-03 10:45:05.000|阅读 1565 次

概述:条码控件开发商IDAutomation教你如何将支持WOFF(网页开放字体格式)的条码字体使用到html代码里面去。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

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

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

  2. 在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>
  3. 引用字体:
    <font face="IDAutomationHC39M">(WOFF-FONT)</font>
  4. 实施域名限制,字体在浏览器里出现。
  5. 按照上述方法,浏览器里就会出现如下条码,如果没有,则表明你的浏览器不支持WOFF条码字体。
    在HTML中使用WOFF条码网页字体

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP