字体图标的运用
目前有很多网站做图标都会用到字体图标,今天就介绍下字体图标的使用:
首先到阿里巴巴图标库下载图标字体:阿里巴巴字体图标库
第一步:
在阿里巴巴的字体图标网站中选择自己所需要的所有图标,按下图所示添加到购物车
第二步:
第三步:解压刚才下载的文件,将图中文件拷贝到项目中,可以放到font文件夹下以备管理
第四步:运用,这里分为几种情况:
- 引入js文件
将输入中文件以js格式引入项目中,并添加一个css类,html里面写上svg标签引用如下:
2.引入css文件
3.Unicode引用
以上就是几种字体图标的用法。