我采用的方法非常简单。是在index.html文件头部引入iconfont。
1然后注意看第二个link中的herf。将目标文件放在herf指定的位置。
那么问题来了,我们怎么得到目标文件呢。
首先需要登陆阿里的图表库:http://www.iconfont.cn/
然后创建一个自己的项目。
选择一个你喜欢的图标,点击购物车按钮添加至购物车。
2添加完进入购物车页面,点击添加至项目。
3选择你想要添加进的项目。
4在项目页面点击下载到本地,下载一个zip文件。解压。我们只需要图中标注的文件。
5将这个文件放到link中的href指定的位置就可以了。
最后一步就是我们怎么在代码中使用字体图标了。
很简单:<i class="iconfont icon-iconName></i>