html引用字体包的步骤：
1、打开一个Sublime Text软件，制作一个基本的HTML结构：
2、在Body区域添加一点文字，文字用p标签包裹起来：
3、在文字中间的某个字前后添加small标签：
4、也可以通过sub和sup标签让小号字体在正常文字的上面或者下面。
以上就是html引用字体包的步骤了。
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: IDAutomationHC39Msrc: url} --></STYLE>
引用字体：<font face="IDAutomationHC39M">(WOFF-FONT)</font>
实施域名限制，字体在浏览器里出现。
1、首先在项目过程中新建文件夹fonts将准备好的ttf字体文件复制该文件夹下：
2、然后在工程新建style.css，使用@font-face中的font-family和src引入字体，在src的属性值填写“url(“路径”)”即可：
3、然后打开html文件，写入一些文字，在上方的head标签中引用css，使用link标签引入，在href中写入css文件的路径即可：
4、最后打开浏览器，可以看到在浏览器的文字已经改变了，引用是成功的：
