字体图标的运用

目前有很多网站做图标都会用到字体图标，今天就介绍下字体图标的使用：

首先到阿里巴巴图标库下载图标字体：阿里巴巴字体图标库

第一步：

在阿里巴巴的字体图标网站中选择自己所需要的所有图标，按下图所示添加到购物车



第二步：



第三步：解压刚才下载的文件，将图中文件拷贝到项目中，可以放到font文件夹下以备管理



第四步：运用，这里分为几种情况：
引入js文件



将输入中文件以js格式引入项目中，并添加一个css类，html里面写上svg标签引用如下：





 

2.引入css文件





3.Unicode引用





以上就是几种字体图标的用法。