在网页中我们经常能看到一些小图标以字体的方式使用，这篇文章将会讲述如何使用字体图标。 首先我们需要进入一个下载字体图标的网站 下载地址：www.iconfont.cn/
挑选几个自己需要的图标加入购物车之后，点击下载代码，如下图所示
点击下载代码后，我们会得到一个压缩包，打开压缩包里面会有这些文件
其中demo_index.html文件可以预览我们的字体图标的样式以及代码
接下来就是把图标放进我们的html内的过程了
复制.ttf文件到我们的工程文件夹内
将iconfont.css的前两段复制到我们自己的css内部(ps:第二段的css名称可以更改)，并且@font-face内的src：url(..),src指向上一步我们复制的ttf存放的地址.
然后在我们需要使用字体图标的地方,在标签上加上复制过来的第二段的css的名称，因为我的取名为iconfont-icon，所以就是在class内加上iconfont-icon，然后在将我们的字体图标的代码放入标间内就完成了
如果想要在css内部使用字体图表的话，请加上font-family: "iconfont" !important; 并使用 /+字体文件代码后四位的方法，例如字体代码原本为 那么在css内使用就需要书写/e60a;
如下图所示
最终的效果如下
