条码控件开发商IDAutomation教你如何将支持WOFF(网页开放字体格式)的条码字体使用到html代码里面去。
2013-09-03 11:26
561 查看
WOFF是万维网联盟(W3C)推荐的一种网页字体格式,它能同时兼容包括最新版的IE、火狐、谷歌、苹果以及Opera等众多浏览器。网页字体使得网站相关人员可以建立以网站为基础的一些应用,比如条码、MICR和OCR等而不需要在终端机器上安装相关字体。而由于条码字体的灵活性,其在网页中的使用频率更加频繁。
IDAutomation旗下的条码字体包都包括WOFF字体格式,同时还包括EOT和SVG字体以兼容老版的浏览器。如何将这些条码字体使用到网页里面去?首先需要注意的一点是:网页字体在用户浏览网页时自动下载,当其离开网页后又自动丢弃,所以这些字体不能用作其他任何用途。下面就教大家如何在HTML里使用WOFF条码字体格式:
把字体上传到你的CSS文件夹里或者是相同的目录下。包括IE、火狐在内的大多数浏览器都要求字体所在的域名是他们所托管的。
在CSS @font-face declaration里用完整的URL对应具体的字体文件的形式来定义字体,如下:
引用字体:
实施域名限制,字体在浏览器里出现。
按照上述方法,浏览器里就会出现如下条码,如果没有,则表明你的浏览器不支持WOFF条码字体。
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; url(http: //www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff); } --> </STYLE>
引用字体:
<font face="IDAutomationHC39M">(WOFF-FONT)</font>
实施域名限制,字体在浏览器里出现。
按照上述方法,浏览器里就会出现如下条码,如果没有,则表明你的浏览器不支持WOFF条码字体。
相关文章推荐
- 图形的绘制,如何使用自定义画笔(颜色,线宽,线形)。如何为程序中添加选项菜单和选项设置对话框,如何使用标准颜色对话框,如何使用字体对话框,在选项对话框中实现预览功能。实现选项对话框和窗口类中的数据交换。如何改变对话框和控件的背景色,如何改变控件的文本颜色,
- Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子
- (牛文)(译)在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 如何在网页中使用字体图标
- 在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 如何在网页使用自定义的字体
- (译)在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- MFC 使用static控件显示时间 并设置控件的字体格式和颜色
- (牛文)(译)在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 如何使用VB的HelpContextID来定位CHM中的网页
- Cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- [原创]用户控件中使用Js,如何在客户端引用用户控件中某个控件的ID
- (译)在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 如何在Windows+VS2005使用最新静态libcurl 7.35.0获取网页数据,支持HTTPS
- 当Xcode大于等于8时,如何使用Appium Desktop 获取iOS APP控件的id进行自动化测试
- (译)在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet
- 如何使用appium desktop 获取Android APP 控件的id
- CSS3 新特性 开放字体格式WOFF