CSS学习29：字体图标（iconfont）包含下载及使用方法

阿里 iconfont 字库

访问链接：iconfont-阿里巴巴矢量图标库

下载：

1、在页面里随便选择一个图标库 

2、把鼠标移动到图标上点击购物车按钮

3、在页面顶部找到购物车

 

 4、不需要的可以在购物车里面点击图片删除，选择完毕以后点击下载代码

插入项目使用 

1、把压缩包解压到项目根目录，文件夹名字可以改一下，例如iconfont

2、点击文件夹，访问demo_index.html这个文件

 3、字体图标类型有三种 我们这里单选unicode来说，因为页面有教程，我们在此就不多做赘述了。

 4、我们把页面里的三步复制到我们的案例里面

5、修改路径

 

6、先回到教程网页，复制字体图标的unicode码，然后修改span标签里面的默认unicode字节码。

 

 7、修改字体大小可以到.iconfont里面找到font-size修改

 

8、预览

如何补充新的字体图标

这个问题我还没有考虑过，后续遇到了我会填坑。。。