http://www.spritecow.com/
首先安利一个软件,做图片精灵的元素选取,非常的方便
直接给出一个位置的代码
精灵图片,是一种优化技术
将所有的小图标合成一张背景图
需要用的时候,只需要选择对应的位置即可
可以减少大量的图标请求
iconfont是阿里的矢量字体图标库
将图标做成字体,可以很方便的使用
网站上选择好图标后,加入购物车,打包下载
把解压所有文件,放入一个iconfont的静态资源目录下
然后全局引入css
然后,在项目里就可以使用class名称来使用图标了
里面有示例代码,可以参考,使用class方式引用
网友评论