CSS3：@font-face的使用

首先你应该去网站下载一些你想要的图标字体，推荐在这里下载http://ued.alimama.com/fonts/

在你下载的文件夹icon里就会有四个文件，以下图：

ps：这四个文件分别是为了兼容各类浏览器

而后你须要在该文件夹里新建一个css文件，在css文件里写上定义字体，以下图：

这是引用上面四个文件来定义字体，第一行的'iconfont'是你本身定义字体的名称，能够随便命名

而后写上大家熟悉的css样式，以下图：

.iconfont是html文件定义的类，不要和font-family："iconfont"相混淆，两个都是本身能够随便命名的

最后就是你须要在html中引入该css文件，相信着你们都知道吧

须要注意的是第十行中&#xfoo7; ，这是引用你想要的图标字体的unicode，只须要将你想要的 图标字体的unicode复制在i标签这个位置就能够了。

有些朋友就有疑问，那我在哪里找到我须要的unicode呢，这个问的很好，在你下载的还有一个html文件中，打开该文件，找到你想要的图标字体，下面有编号，只将数字复制下来（注意：只复制数字，无论前面符号），粘贴覆盖f007就能够了

不难吧，相信你们都学会了，为了让你们看懂，有些地方挺啰嗦的，呵呵……