字体图标的运用

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

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

第一步：

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

第二步：

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

第四步：运用，这里分为几种情况：

1. 引入js文件

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

 

2.引入css文件

3.Unicode引用

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

转载于:https://www.cnblogs.com/itsnail/p/6218262.html