新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
随时掌握技术动态,请订阅:
《Web技术日报》
《机器学习日报》
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论.NET,C#,ASP,VB技术
    [返回] 中文XML论坛 - 专业的XML技术讨论区计算机技术与应用『 Dot NET,C#,ASP,VB 』 → 如何在HTML中使用WOFF条码网页字体[转帖] 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 5434 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: 如何在HTML中使用WOFF条码网页字体[转帖] 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     乌龟爱上兔子 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(高数修炼中)
      文章:28
      积分:108
      门派:XML.ORG.CN
      注册:2013-8-23

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给乌龟爱上兔子发送一个短消息 把乌龟爱上兔子加入好友 查看乌龟爱上兔子的个人资料 搜索乌龟爱上兔子在『 Dot NET,C#,ASP,VB 』的所有贴子 引用回复这个贴子 回复这个贴子 查看乌龟爱上兔子的博客楼主
    发贴心情 如何在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条码字体。


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2013-9-3 11:28:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 Dot NET,C#,ASP,VB 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2020-2-18 9:07:01

    本主题贴数1,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( 2 0 0 3 - 2 0 1 0 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    11.719ms