官方网站：点击此处链接
以下内容为本人根据老师的讲诉亲自总结，不保证正确。
字体图标的来历：因为图片在调整方面的局限性，比如颜色、清晰度等等，没有字体的可调节性强。同时在网站中常用的图片格式大多数是jpg、png格式，这些格式的图片都是位图素材，应用于一些按钮图标之类图片时总会出现毛边，所以字体图标应运而生。
制作流程：字体图标首先是由字体制作来的，大概的流程是这样。先通过矢量制图工具（AI等）将图标制作出来，然后在将其做成一种字体（此处注意，为满足网页需要，需做多种格式字体，包括ttf、svg、eot、otf、woff），这个过程很麻烦。下面是将字体包以及css做好。接下来就是应用了，此处所说的应用是最简单的应用。那就是直接连接css样式，在网页浏览的过程中下载对应的字体包，会影响加载速度。
老师说他不用这个，替代方式svg，canvas等。
下面是几个小案例，应用时只需要连接对应的css样式地址，需要哪个图标就起名对应的class名。
这里先列举这几个，上面的几个也应用到字体的一些css。
下面来谈谈一些特殊的用法。
icon-camera-retro
icon-camera-retro
icon-camera-retro
icon-camera-retro
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
以上图标分别对应下方代码，当然了个人认为没这个必要，字体大小更改也比较方便吗。
还有个问题，就是在代码中尖括号，以及双引号的写法，这个看代码吧。< > " "