二、引入字体图标--iconfont

我采用的方法非常简单。是在index.html文件头部引入iconfont。

1

然后注意看第二个link中的herf。将目标文件放在herf指定的位置。

那么问题来了，我们怎么得到目标文件呢。

首先需要登陆阿里的图表库：http://www.iconfont.cn/

然后创建一个自己的项目。

选择一个你喜欢的图标，点击购物车按钮添加至购物车。

2

添加完进入购物车页面，点击添加至项目。

3

选择你想要添加进的项目。

4

在项目页面点击下载到本地，下载一个zip文件。解压。我们只需要图中标注的文件。

5

将这个文件放到link中的href指定的位置就可以了。

最后一步就是我们怎么在代码中使用字体图标了。

很简单：<i class="iconfont icon-iconName></i>