woff文件怎么打开
众所周知woff是（WebOpenFontFormatFile）的缩写 ， 翻译过来就是Web开放字体格式 ， 文件后缀名 。本教程带来一款不用安装的web版本的软件打开并编辑woff文件 。
打开浏览器 ， 进入百度 ， 输入“百度woff”,出来的第一条结果就是百度的字体平台 。
打开后 ， 可以自行先看完这个官方教程 ， 保证后面使用顺畅 。也可以点击红圈内的链接进入百度字体平台 。
进入字体平台 ， 看到右上角有中、英文切换（Engpshlanguage） 。然后左上角的打开 ， 就可以直接打开并上传woff文件到平台的编辑器 。
条形码网页WOFF是万维网联盟（W3C）推荐的一种网页字体格式 ， 它能同时兼容包括最新版的IE、火狐、谷歌、苹果以及Opera等众多浏览器 。网页字体使得网站相关人员可以建立以网站为基础的一些应用 ， 比如条码、MICR和OCR等而不需要在终端机器上安装相关字体 。而由于条码字体的灵活性 ， 其在网页中的使用频率更加频繁 。
IDAutomation旗下的条码字体包都包括WOFF字体格式 ， 同时还包括EOT和SVG字体以兼容老版的浏览器 。如何将这些条码字体使用到网页里面去？首先需要注意的一点是：网页字体在用户浏览网页时自动下载 ， 当其离开网页后又自动丢弃 ， 所以这些字体不能用作其他任何用途 。下面就教大家如何在HTML里使用WOFF条码字体格式：
把字体上传到你的CSS文件夹里或者是相同的目录下 。包括IE、火狐在内的大多数浏览器都要求字体所在的域名是他们所托管的 。
在CSS @font-face declaration里用完整的URL对应具体的字体文件的形式来定义字体 ， 如下：
引用字体：(WOFF-FONT)
实施域名限制 ， 字体在浏览器里出现 。
woff2字体免费下载如今 ， 各浏览器对WOFF的支持都已经比较完善了 。如果长期关注字体文件 ， 就会发现现在又多了一个WOFF2的格式 。没错 ， 就如其字面意思 ， 就是WOFF2.0 。
Font Awesome图标Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库 。这标字体集几乎囊括了网页中可能用到的所有图标 ， 除了包含 Twitter Boostrap 的默认图标外 ， 还有社交收集图标、Web 应用法度图标和编辑器图标等等 ， 可以免费用于贸易项目 。
下面仅记录应用步调：
1.到官网高低载最新版本的Font Awesome.
2.解压文件 ， 将此中的css和fonts文件夹拷贝到项目中 ， 此中css文件夹中有两个css文件（font-awesome.css和font-awesome.min.css） ， fonts下有有5个 ， 如下：
3.在须要应用的html或者其它类型的页面中引入样式文件 ， 如下：
4.查看font-awesome.css文件 ， 若是引用的是紧缩版的 ， 就要查看那个文件了 ， 打开文件看到第一个样式定义如下：
＠font-face {
font-family: ""FontAwesome"";
src: url（""../fonts/fontawesome-webfont.eot？v=4.1.0""）;
src: url（""../fonts/fontawesome-webfont.eot？＃iefix&v=4.1.0""） format（""embedded-opentype""） ，  url（""../fonts/fontawesome-webfont.woff？v=4.1.0""） format（""woff""） ，  url（""../fonts/fontawesome-webfont.ttf？v=4.1.0""） format（""truetype""） ，  url（""../fonts/fontawesome-webfont.svg？v=4.1.0＃fontawesomeregular""） format（""svg""）;
font-weight: normal;
font-style: normal;
}
【条形码网页，woff文件怎么打开】